/* /tokens.css — paleta de marca de MOY IQ para la landing (BRD-4, 20-oct-2026).
   El bloque "Paleta de marca" es copia literal del de financeos-app/src/styles/tokens.css
   (origen único; ver financeos-app/docs/tokens-de-diseno.md). No editar acá: cambiar el
   color en la app, correr sus pruebas y volver a copiar el bloque. tests/tokens.test.js
   falla si una página define un color de la paleta por su cuenta, si aparece un hex fuera
   de la paleta o si este bloque deja de coincidir con el de la app.
   Lo demás del archivo de la app (superficies, tema oscuro, radios, tipografía) no se
   copia: la landing tiene sus propios alias (--ink, --bg, --grn…) que apuntan a esta paleta. */

:root {
  /* ── Paleta de marca MOY IQ (brand book, aprobada — ver CLAUDE.md § Sistema visual) ── */
  --navy:        #14213D;
  --navy-700:    #1C2A4A;
  --navy-400:    #4A5875;
  --laton:       #B8863B;
  --laton-300:   #E3C592;
  --laton-700:   #8A6329;   /* íconos/estados sobre fondo claro — la base falla AA (2.78:1) */
  --laton-text:  var(--laton-700); /* texto en Latón (placa IQ): 700 en claro, base en oscuro */
  --accent-dark: #CC9A52;   /* CTAs/datos sobre fondo Navy en marketing — no usar sobre Papel */
  --accent-dark-hover: #E3B36B;
  --papel:       #F1EEE6;
  --papel-000:   #FAF8F2;
  --papel-200:   #E4DFD1;
  --verde:       #5FA98C;
  --verde-800:   #356E57;   /* texto/íconos — la base falla AA como texto chico */
  --verde-dark:  #74C2A3;   /* variante para dark mode */
  --ceniza:      #8B7A55;
  --ceniza-700:  #5F5236;
  --ceniza-300:  #B8AC91;
  --warning:     #C97A3D;
  --warning-800: #8A4A14;   /* siempre esta variante en texto (5,3:1 sobre el aviso, A11Y-2) */
  --warning-dark:#E0975A;
  --error:       #A23E2E;
  --error-dark:  #E59580;   /* el de Invest (UI-L1): 6,80:1 sobre --sur, 6,07 sobre --sur2, 5,33 sobre el aviso rojo (UI-Q1 subió de #C96856 a #E0826E; con el oscuro Navy, #E0826E bajaba a 4,4 en los tintes) */
  --info:        #5B7A99;
  --info-800:    #3E5A78;   /* siempre esta variante en texto */
  --info-dark:   #89A6C2;

  /* ── Extensiones de la landing (no existen en la app, con motivo) ── */
  --navy-200:      #B9C0CF;   /* texto secundario sobre las bandas Navy del marketing (la app no tiene) */
  --error-on-navy: #E58979;   /* "Riesgo" sobre la tarjeta Navy del Diagnóstico (con el --error-dark anterior, #C96856, daba 4,3:1) */
}