/**
 * Design tokens — paleta y tipografía bloqueadas (sesión 2026-08-03).
 * Gradiente tarjeta-momento: vertical, 4 stops exactos (sampling por píxel).
 */
:root {
  /* Marca / superficies */
  --navy: #0c2552;
  --navy-deep: #081a39;
  --neutral: #1a2b3d;
  --on-surface: #e8eef8;
  --on-surface-muted: #9aa8bc;

  /* Paleta de acento -- uso editorial, con criterio (10 ago 2026: se retiró
     la regla "un color, un trabajo"; ver HERIZO_DESIGN_SYSTEM.md sección 2).
     Las notas de abajo son historial de qué connotación trae cada tono
     hasta ahora, no una restricción de uso único. */
  --amber: #ffc559; /* venía de: datos protagonistas */
  --turquoise: #6cc2bf; /* venía de: marca (acentos de logo; wordmark = blanco) */
  --selection: #d14d85; /* venía de: selección activa */
  --tramite: #4ecd8c; /* venía de: insignia "en trámite" (Gaceta) + resumen
    en vivo de Envíos (8 ago 2026, tarde) */
  --info-note: #b6a8f2; /* venía de: el texto de la insignia "i" de módulo
    (10 ago 2026) */

  /* Portada (9 ago 2026): con las herramientas ya usando colores fuertes
     propios, el ámbar del resultado de la calculadora competía con ellas.
     El número grande pasa a blanco; la unidad (CUP) a este azul hielo. */
  --ice-blue: #b9d9e8; /* venía de: unidad/etiqueta de apoyo junto a un dato blanco protagonista */

  /* Legal (11 ago 2026): azul vivo sampleado del logo nuevo del módulo
     (assets/iconos/icon-legal-transparente.png, letra "L" y esquina
     inferior derecha del icono -- #197ef3 / #1467f8 medidos por píxel).
     A propósito distinto de --turquoise: pedido explícito de producto de
     no reusar el turquesa aquí. Uso: precios del catálogo de Legal. */
  --legal-blue: #1c7cf0;

  /* Pasaporte (10 ago 2026): rojo del logo del módulo
     (assets/iconos/icon-pasaporte-transparente.png — zona saturada del
     degradado magenta→rojo). Acento del sello / marca del servicio. */
  --pasaporte-red: #e0123a;

  /* Pasaporte — azul de bandera cubana, levantado para UI oscura.
     Base de referencia ~#002A8F (franja azul de la bandera); en pantalla
     se usa un tono más claro para borde/reflejo sin ensombrecer. */
  --pasaporte-blue: #3d7dd4;

  /* Aduana (10 ago 2026): naranja del logo del módulo
     (assets/iconos/icon-aduana-transparente.png — fondo saturado ~#f86800).
     Identidad del sello. El cromo UI (breadcrumb, reflejos, chevrons) usa
     --amber para tonos amarillos vivos — pedido 10 ago noche. */
  --aduana-orange: #f86800;

  /* Envíos / ÍO (10 ago 2026): violeta sampleado del logo
     (assets/iconos/icon-envios-transparente.png — zona magenta ~#8430f0).
     Acento del puente Aduana→Envíos. */
  --envios-violet: #8430f0;

  /* Tarjeta-momento — vertical claro→oscuro, eje horizontal uniforme.
     Corrección (4 ago 2026): la zona oscura avanza más sobre la clara —
     el claro queda como una franja superior fina, no la mitad de la tarjeta. */
  --card-moment-gradient: linear-gradient(
    180deg,
    #37698c 0%,
    #1e447c 18%,
    #0e2a5e 38%,
    #081a39 100%
  );

  /* Inter — Helvetica Now Display descartada por licencia comercial */
  --font-headline: "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  /* Escala de tamaños (8 ago 2026). Auditoría encontró ~30 valores rem
     sueltos entre los 4 módulos, sin escala común — de ahí la sensación
     de mezcla sin criterio. Esta escala es de referencia para trabajo
     nuevo; NO se retroactiva a componentes existentes (evita romper
     nada ya afinado a ojo). Pesos siguen el patrón ya en uso: headline
     600/700 para títulos, body 400 para párrafo, body 600 para
     etiquetas/botones. El peso 300 queda exclusivo del kicker de
     Envíos hasta que haya una razón para extenderlo. */
  --text-2xs: 0.68rem;  /* micro-etiquetas, kickers, badges */
  --text-xs: 0.76rem;   /* texto secundario pequeño */
  --text-sm: 0.85rem;   /* cuerpo estándar */
  --text-md: 0.95rem;   /* cuerpo destacado, subtítulo pequeño */
  --text-lg: 1.05rem;   /* subtítulos */
  --text-xl: 1.3rem;    /* títulos de sección */
  --text-2xl: 1.7rem;   /* títulos grandes */
  --text-3xl: clamp(1.85rem, 8.5vw, 2.75rem); /* hero */

  --radius-card: 1.5rem;
  --radius-control: 0.75rem;
  --space-page: 1rem;
  --nav-height: 3.5rem;
}