/* ─────────────────────────────────────────────
   Taller GC+AM — Tokens de identidad v1
   Fuente de verdad: identidad-gcam.md (proyecto) · códigos = swatches de la ficha
   Cambiar un valor aquí lo cambia en todo el sitio.
   ───────────────────────────────────────────── */
:root {
  /* Marca */
  --azul:       #2F3589;  /* M01 · primario · 9.5:1 sobre papel */
  --azul-dark:  #232970;  /* solo web: hover / pressed */
  --azul-noche: #1B1F52;  /* A01 · superficies oscuras · papel encima 13.9:1 */
  --ambar:      #E9A541;  /* M02 · acento: fondos, puntos, líneas. NUNCA texto sobre papel */
  --ambar-dark: #D4922E;  /* solo web: hover de botones ámbar */
  --ambar-tx:   #9A5F0E;  /* A02 · ámbar tinta · texto 4.7:1 */
  --negro:      #010202;  /* M03 */

  /* Neutros */
  --papel:   #F5F3EE;     /* M05 */
  --papel-2: #EDE9E2;
  --blanco:  #FFFFFF;
  --linea:   #E0DDD8;     /* A05 */
  --gris:    #888580;     /* solo web UI: íconos, placeholders (3.3:1, no para texto) */
  --gris-tx: #6B6863;     /* A03 · texto secundario · 5.0:1 */

  /* Funcionales */
  --verde: #2E6B45;       /* E01 · aprobado / entregado · 5.7:1 */
  --rojo:  #A63A2B;       /* E02 · vencido / error · 5.8:1 */

  /* Tintes derivados */
  --azul-06:  rgba(47, 53, 137, .06);
  --azul-30:  rgba(47, 53, 137, .30);
  --ambar-10: rgba(233, 165, 65, .10);
  --verde-06: rgba(46, 107, 69, .06);
  --rojo-06:  rgba(166, 58, 43, .06);
  --grid:     rgba(47, 53, 137, .07);
  --velo:     rgba(1, 2, 2, .60);

  /* Tipografía */
  --f-sans:  'Host Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --f-mono:  'IBM Plex Mono', ui-monospace, 'SF Mono', Consolas, monospace;

  /* Escala tipográfica */
  --t-label: .625rem;   /* 10px · etiquetas mono en mayúsculas */
  --t-sm:    .8125rem;  /* 13px */
  --t-base:  .9375rem;  /* 15px */
  --t-lg:    1.125rem;  /* 18px */
  --t-xl:    1.5rem;    /* 24px */
  --t-2xl:   clamp(2rem, 4vw, 3rem);
  --t-3xl:   clamp(2.625rem, 6vw, 4.5rem);
  --track-label: .16em;

  /* Espaciado (base 8) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;

  /* Layout */
  --gutter: 64px;
  --grid-size: 32px;
  --max-w: 1280px;
  --header-h: 88px;

  /* Íconos (Tabler outline) */
  --icon-size: 20px;
  --icon-stroke: 1.5;

  /* Movimiento */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --dur: .18s;
}

@media (max-width: 900px) { :root { --gutter: 32px; --header-h: 76px; } }
@media (max-width: 600px) { :root { --gutter: 20px; --header-h: 64px; } }