/* DypOS — BASE DE TOKENS COMPARTIDA
   Fuente única de verdad de marca y semántica de dato.
   Se carga ANTES de admin.css / portal.css / employee.css / kds.css.
   Regla: el color de MARCA pinta estructura; un DATO nunca se pinta de marca. */

:root {
  /* --- MARCA (estructura: nav, botones primarios, acentos de layout) --- */
  --gc-brand:      #316055;
  --gc-brand-dk:   #1F473F;
  --gc-brand-lt:   #F5F7F6;
  --gc-brand-md:   #E5EBE9;
  --gc-brand-rgb:  49,96,85;  /* para rgba() dinámico: sombras, focus rings */

  /* --- SEÑAL (acento de acción — botones "confirmar/ir", igual que en el landing) --- */
  --gc-flame:      #AD3B24;
  --gc-flame-dark: #93301E;
  --gc-flame-rgb:  173,59,36;
  --gc-flame-lt:   #E2775C;  /* flame para texto sobre fondo oscuro (sidebar, auth) — 4.24:1 mín. AA */

  /* --- FAMILIAS TIPOGRÁFICAS (fuente única; cada hoja @importa su webfont) --- */
  --gc-font:       'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gc-serif:      'Big Shoulders Display','Fraunces','Georgia',serif;
  --gc-font-mono:  'JetBrains Mono',ui-monospace,'SF Mono',monospace;

  /* --- SEMÁNTICA DE DATO (nunca usar marca aquí) --- */
  --gc-pos:        #316055;  /* dato positivo  */
  --gc-neg:        #C62828;  /* dato negativo (rojo limpio, no ladrillo) */
  --gc-warn:       #B36205;  /* atención (ámbar nítido, AA)             */
  --gc-info:       #1D4ED8;  /* informativo    */
  --gc-neutral:    #374151;  /* dato sin carga */

  /* --- METAL DE LA GANANCIA (identidad «El Pase») ---
     El diferenciador: la ganancia se muestra en un metal cálido. En modo Día
     (La Carta) es ORO; en modo Servicio (El Pase, oscuro) es BRASA. Un solo
     token que cambia con el modo — ver theme-dark.css.
     #8A6410 sobre blanco: contraste 5.37:1 (AA para texto normal, 4.5:1 mín). */
  --gc-profit:     #8A6410;             /* Día: ganancia = oro (antes usaba el verde de marca por error) */
  --gc-profit-soft: rgba(138,100,16,.12);

  /* --- TINTES DE FONDO semanticos --- */
  --gc-pos-bg:     #E5EBE9;
  --gc-neg-bg:     #FEE2E2;
  --gc-warn-bg:    #FEF3C7;
  --gc-info-bg:    #DBEAFE;

  /* --- RITMO DE ESPACIADO 4px --- */
  --gc-sp-1:  4px;  --gc-sp-2:  8px;  --gc-sp-3: 12px; --gc-sp-4: 16px;
  --gc-sp-5: 20px;  --gc-sp-6: 24px;  --gc-sp-8: 32px; --gc-sp-10: 40px;

  /* --- ESCALA TIPOGRÁFICA ---
     8 pasos. Antes había 22 tamaños sueltos entre 9px y 44px: eso no es
     una escala, es acumulación. Todo texto nuevo debe usar un paso de aquí. */
  --gc-fs-xs:   11px;   /* etiquetas, captions      */
  --gc-fs-sm:   13px;   /* texto secundario         */
  --gc-fs-base: 15px;   /* cuerpo                   */
  --gc-fs-md:   18px;   /* énfasis / subtítulo      */
  --gc-fs-lg:   22px;   /* título de sección        */
  --gc-fs-xl:   28px;   /* KPI                      */
  --gc-fs-2xl:  34px;   /* héroe secundario         */
  --gc-fs-3xl:  44px;   /* héroe principal          */

  /* --- MOVIMIENTO --- */
  --gc-ease-out: cubic-bezier(.23,1,.32,1);
}

/* Iconos SVG — base compartida por admin, portal, KDS y empleado. */
.gc-icon{display:inline-block;vertical-align:-.18em;flex-shrink:0}