/* ==========================================================================
   Gambooza · design tokens  (fuente única: https://gambooza-design.web.app/tokens.css)
   Solo variables. Se puede importar en cualquier app sin que choque con su CSS:
     <link rel="stylesheet" href="https://gambooza-design.web.app/tokens.css">
   Cambiar un valor aquí lo cambia en todo lo que importe este fichero.
   Extraídos de gambooza.com (Elementor globals) y de los visores en producción.
   ========================================================================== */
:root {
  color-scheme: light;

  /* --- Color: marca ----------------------------------------------------- */
  --gz-ink:            #2E3D34;   /* texto principal (verde bosque) */
  --gz-ink-muted:      #557260;   /* texto secundario; pasa AA sobre las 3 superficies */
  --gz-ink-soft:       #87AB95;   /* decorativo / texto grande solo; NO para letra pequeña (2,5:1) */
  --gz-bg:             #DDF6F3;   /* fondo de página (menta-agua de gambooza.com) */
  --gz-surface:        #F4FFF8;   /* superficie 1: contenedores, hero */
  --gz-surface-2:      #E5F5E3;   /* superficie 2: cabeceras de tabla, chips */
  --gz-white:          #FFFFFF;   /* tarjetas de datos */
  --gz-mint:           #A8D4B9;   /* primario de marca: rellenos suaves, logo */
  --gz-mint-2:         #A8D4CF;   /* secundario: variante fría del menta */
  --gz-sage:           #87AB95;   /* tarjetas sólidas con texto blanco */
  --gz-teal:           #87ACA7;   /* enlaces, info */
  --gz-border:         #C9DCC2;
  --gz-border-strong:  #A8D4B9;

  /* --- Color: semántico (lo que significan los números) ------------------ */
  --gz-good:           #79BA6A;   /* lo que va bien / cuadra: rellenos, barras */
  --gz-good-strong:    #357A43;   /* texto "bien" y CTA rellena (blanco encima 4,7:1) */
  --gz-bad:            #FF4242;   /* descuadre, pérdida: rellenos, trazos */
  --gz-bad-strong:     #C53030;   /* texto "mal" sobre claro */
  --gz-warn:           #E8A93A;   /* atención, ámbar-cerveza: rellenos */
  --gz-warn-strong:    #8A5A0B;   /* texto "atención" sobre claro */
  --gz-info:           #87ACA7;
  --gz-neutral:        #B9C9BD;   /* sin dato, deshabilitado */

  /* --- Tipografía --------------------------------------------------------- */
  --gz-font-head:      "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gz-font-body:      "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --gz-font-mono:      ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --gz-text-display:   2.5rem;    /* 40px  · portada / hero */
  --gz-text-h1:        2rem;      /* 32px */
  --gz-text-h2:        1.5rem;    /* 24px */
  --gz-text-h3:        1.1875rem; /* 19px */
  --gz-text-body:      1rem;      /* 16px */
  --gz-text-small:     0.875rem;  /* 14px */
  --gz-text-caption:   0.78rem;   /* 12.5px · pies, ejes */
  --gz-text-stat:      2.375rem;  /* 38px  · cifra de KPI */
  --gz-leading-tight:  1.1;
  --gz-leading-head:   1.2;
  --gz-leading-body:   1.5;
  --gz-tracking-head:  -0.02em;

  /* --- Espacio (base 4) --------------------------------------------------- */
  --gz-space-1:  4px;
  --gz-space-2:  8px;
  --gz-space-3:  12px;
  --gz-space-4:  16px;
  --gz-space-5:  24px;
  --gz-space-6:  32px;
  --gz-space-7:  48px;
  --gz-space-8:  64px;
  --gz-measure:  880px;  /* ancho máximo de un documento */
  --gz-measure-wide: 1200px; /* apps / dashboards */

  /* --- Forma ---------------------------------------------------------------- */
  --gz-radius-sm:  8px;
  --gz-radius:     12px;
  --gz-radius-lg:  20px;
  --gz-radius-pill: 999px;
  --gz-shadow-sm:  0 1px 2px rgba(46,61,52,.05), 0 2px 6px rgba(46,61,52,.06);
  --gz-shadow-md:  0 4px 10px rgba(46,61,52,.06), 0 16px 32px rgba(46,61,52,.10);
  --gz-focus:      0 0 0 3px rgba(135,172,167,.55);
}