/* ============================================================
   PALETA CITI — generada de marca (azul #2962FF · rojo #FF1744)
   No editar a mano: ver scripts/gen-palette.py
   ============================================================ */
:root {
  /* Azul (primario) */
  --citi-blue-50: #EEF2FE;
  --citi-blue-100: #DAE4FD;
  --citi-blue-200: #B4C8FD;
  --citi-blue-300: #81A2FD;
  --citi-blue-400: #4A7AFF;
  --citi-blue-500: #2962FF;
  --citi-blue-600: #0040F0;
  --citi-blue-700: #0336C4;
  --citi-blue-800: #062D98;
  --citi-blue-900: #09236D;
  --citi-blue-950: #081845;

  /* Rojo (acento/energía) */
  --citi-red-50: #FEEEF1;
  --citi-red-100: #FDDAE1;
  --citi-red-200: #FDB4C3;
  --citi-red-300: #FD8199;
  --citi-red-400: #FF4A6D;
  --citi-red-500: #FF1744;
  --citi-red-600: #F0002E;
  --citi-red-700: #C40328;
  --citi-red-800: #980623;
  --citi-red-900: #6D091C;
  --citi-red-950: #450814;

  /* Navy (oscuros/títulos · color de marca) */
  --citi-navy-500: #1E3D9E;
  --citi-navy-600: #16297A;
  --citi-navy-700: #122463;
  --citi-navy-800: #0D1E55;
  --citi-navy-900: #0A153D;
  --citi-navy-950: #070E2A;

  /* Neutros (slate) */
  --citi-slate-50: #F8FAFC;
  --citi-slate-100: #F1F5F9;
  --citi-slate-200: #E2E8F0;
  --citi-slate-300: #CBD5E1;
  --citi-slate-400: #94A3B8;
  --citi-slate-500: #64748B;
  --citi-slate-600: #475569;
  --citi-slate-700: #334155;
  --citi-slate-800: #1E293B;
  --citi-slate-900: #0F172A;

  /* Tokens semánticos — marca = navy CITI #0D1E55 (el del logotipo).
     El azul brillante #2962FF queda sólo como escala (fondos sutiles). */
  --citi-color-brand: #0D1E55;
  --citi-color-brand-hover: #16297A;
  --citi-color-accent: #FF1744;
  --citi-color-accent-strong: #C70031;
  --citi-color-ink: #0D1E55;
  --citi-color-body: #475569;
  --citi-color-muted: #566273;
  --citi-color-bg: #FFFFFF;
  --citi-color-bg-subtle: #EEF2FE;
  --citi-color-bg-dark: #0D1E55;
  --citi-color-on-dark: #FFFFFF;
  --citi-color-on-dark-accent: #6E97FF;
  --citi-color-border: #E2E8F0;
  --citi-color-ring: #0D1E55;
  --citi-color-success: #16A34A;
  --citi-color-warning: #D97706;
  --citi-color-danger: #DC2626;
}