/* IAA · Design tokens · COPIA para la portada provisional.
   La portada es una pagina independiente del sitio de /dev: no toma
   ningun archivo suyo. Por eso este archivo es una copia de
   public/assets/css/iaa-tokens.css, no un enlace a el.

   Copiado el 2026-08-29. La fuente de verdad de estos valores es el
   Manual de Identidad Corporativa, docs/brand/. Si el manual cambia,
   hay que actualizar las dos copias. */

:root {
  /* --- Color institucional --- */
  --iaa-rojo:        #9e0511;  /* institucional. 8.46:1 sobre blanco (AAA) */
  --iaa-rojo-hover:  #7d040d;  /* rojo institucional en :hover, manual seccion 9 */
  --iaa-navy:        #1e2436;  /* texto y fondos oscuros */
  --iaa-crema:       #f4f1ea;  /* fondo claro primario */
  --iaa-blanco:      #ffffff;
  --iaa-rojo-tenue:  #fbf1f0;  /* fondo del recuadro de nota, manual seccion 9 */

  /* --- Paleta del cursor (no usar como color de interfaz) --- */
  --iaa-banda-1:     #9e0511;  /* rojo profundo   */
  --iaa-banda-2:     #f5a623;  /* cempasuchil     */
  --iaa-banda-3:     #00a6a0;  /* turquesa        */
  --iaa-banda-4:     #2e3192;  /* anil            */
  --iaa-banda-5:     #e6007e;  /* rosa mexicano   */

  /* --- Neutros --- */
  --iaa-gris-900:    #1e2436;
  --iaa-gris-700:    #414a60;
  --iaa-gris-500:    #6b7385;
  --iaa-gris-300:    #c3c8d4;
  --iaa-gris-150:    #e2e5ec;
  --iaa-gris-50:     #f7f8fa;

  /* --- Estados --- */
  --iaa-exito:       #0f7a4f;
  --iaa-alerta:      #b06a00;
  --iaa-error:       #9e0511;

  /* --- Tipografia --- */
  --iaa-font-marca:  'Archivo', system-ui, sans-serif;   /* solo logotipo */
  --iaa-font-titulo: 'Poppins', system-ui, sans-serif;
  --iaa-font-texto:  'PT Serif', Georgia, serif;
  --iaa-font-code:   'JetBrains Mono', ui-monospace, monospace;

  /* --- Escala tipografica (base 16px, razon 1.25) --- */
  --iaa-txt-xs:      0.75rem;   /* 12px */
  --iaa-txt-sm:      0.875rem;  /* 14px */
  --iaa-txt-base:    1rem;      /* 16px */
  --iaa-txt-lg:      1.25rem;   /* 20px */
  --iaa-txt-xl:      1.5625rem; /* 25px */
  --iaa-txt-2xl:     1.953rem;  /* 31px */
  --iaa-txt-3xl:     2.441rem;  /* 39px */
  --iaa-txt-4xl:     3.052rem;  /* 49px */
  --iaa-txt-5xl:     3.815rem;  /* 61px */

  --iaa-lh-tight:    1.15;
  --iaa-lh-normal:   1.45;
  --iaa-lh-texto:    1.65;
  --iaa-track-caps:  0.22em;    /* rotulos en versalitas */

  /* --- Espaciado (base 8px) --- */
  --iaa-sp-1:  0.5rem;   --iaa-sp-2:  1rem;    --iaa-sp-3: 1.5rem;
  --iaa-sp-4:  2rem;     --iaa-sp-6:  3rem;    --iaa-sp-8: 4rem;
  --iaa-sp-12: 6rem;     --iaa-sp-16: 8rem;

  /* --- Contenedores --- */
  --iaa-ancho-texto: 68ch;
  --iaa-ancho-max:   1200px;

  /* --- Radios y bordes --- */
  --iaa-radio-sm: 2px;  --iaa-radio-md: 4px;  --iaa-radio-lg: 8px;
  --iaa-borde:    1px solid var(--iaa-gris-150);

  /* --- Sombras: minimas, el sistema es plano --- */
  --iaa-sombra-sm: 0 1px 2px rgba(30,36,54,.06);
  --iaa-sombra-md: 0 2px 8px rgba(30,36,54,.08);

  /* --- Logotipo --- */
  --iaa-logo-min-px: 60px;   /* por debajo: usar registro contenido */
  --iaa-logo-aire:   0.86em; /* area de proteccion = altura del cursor */
}