/* GastroCore 360 — 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:      #0D6E5A;
  --gc-brand-dk:   #064E3B;
  --gc-brand-lt:   #ECFDF5;
  --gc-brand-md:   #D1FAE5;
  --gc-brand-rgb:  13,110,90;   /* para rgba() dinámico: sombras, focus rings */

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

  /* --- SEMÁNTICA DE DATO (nunca usar marca aquí) --- */
  --gc-pos:        #047857;  /* dato positivo  */
  --gc-neg:        #B91C1C;  /* dato negativo  */
  --gc-warn:       #B45309;  /* atención       */
  --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. */
  --gc-profit:     #B5842A;             /* oro (Día) */
  --gc-profit-soft: rgba(181,132,42,.12);

  /* --- TINTES DE FONDO semanticos --- */
  --gc-pos-bg:     #D1FAE5;
  --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}