/* ============================================================
   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) */
  --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 — un solo vocabulario:
     superficie / texto-sobre-claro / texto-sobre-oscuro / borde / marca */
  --citi-brand: #0D1E55;
  --citi-brand-hover: #16297A;
  --citi-accent: #FF1744;
  --citi-accent-strong: #C70031;
  --citi-accent-on-dark: #FD8199;
  --citi-surface: #FFFFFF;
  --citi-surface-alt: #F1F5F9;
  --citi-surface-brand: #EEF2FE;
  --citi-surface-dark: #0D1E55;
  --citi-surface-dark-deep: #0A153D;
  --citi-text-strong: #0D1E55;
  --citi-text-body: #475569;
  --citi-text-muted: #566273;
  --citi-text-brand: #16297A;
  --citi-text-on-dark: #FFFFFF;
  --citi-text-on-dark-body: #DAE4FD;
  --citi-text-on-dark-muted: #B4C8FD;
  --citi-border: #E2E8F0;
  --citi-border-strong: rgba(13,30,85,.15);
  --citi-border-on-dark: rgba(255,255,255,.15);
  --citi-ring: #0D1E55;
  --citi-success: #16A34A;
  --citi-warning: #D97706;
  --citi-danger: #DC2626;
}