:root {
  /* ── Color de marca ── */
  --mufah-navy: #0C2340;
  --mufah-azul: #2E6FD8;
  --mufah-celeste: #BFD9FF;
  --mufah-gris: #6B7686;
  --mufah-niebla: #F2F3F5;
  /* ── Escalas de UI ── */
  --navy-50: #F0F2F4;
  --navy-100: #DDE0E4;
  --navy-200: #BBC1CA;
  --navy-300: #929CA9;
  --navy-400: #556579;
  --navy-500: #0C2340;
  --navy-600: #0A1D36;
  --navy-700: #08182D;
  --navy-800: #061323;
  --navy-900: #050D18;
  --navy-950: #03080F;
  --azul-50: #F2F6FD;
  --azul-100: #E2EBFA;
  --azul-200: #C4D7F4;
  --azul-300: #A1BEED;
  --azul-400: #6D9AE4;
  --azul-500: #2E6FD8;
  --azul-600: #275DB5;
  --azul-700: #204E97;
  --azul-800: #193C75;
  --azul-900: #112A52;
  --azul-950: #0B1B34;
  --gris-50: #F6F7F8;
  --gris-100: #EAECEE;
  --gris-200: #D6D9DD;
  --gris-300: #BCC1C9;
  --gris-400: #979FAA;
  --gris-500: #6B7686;
  --gris-600: #5A6371;
  --gris-700: #4B535E;
  --gris-800: #3A4048;
  --gris-900: #292D33;
  --gris-950: #1A1C20;
  /* ── Funcionales ── */
  --fn-exito: #2E7D5B;
  --fn-error: #B4443C;
  --fn-advertencia: #C08A2E;
  --fn-informacion: #2E6FD8;
  /* ── Tipografía ── */
  --tipo-titulos: 'Archivo', Helvetica, Arial, sans-serif;
  --tipo-datos: 'DM Mono', ui-monospace, monospace;
  /* ── Espaciado (base 4) ── */
  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 16px;
  --esp-4: 24px;
  --esp-5: 40px;
  --esp-6: 64px;
  /* ── Radios ── */
  --radio-s: 6px;
  --radio-m: 10px;
  --radio-l: 14px;
  --radio-completo: 9999px;
  /* ── Sombras ── */
  --sombra-card: 0 10px 28px rgba(12,35,64,0.10);
  --sombra-flotante: 0 16px 36px rgba(12,35,64,0.16);
  /* ── Movimiento ── */
  --curva-ui: cubic-bezier(0.2, 0, 0, 1);
  --curva-entrada: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-micro: 150ms;
  --dur-ui: 250ms;
  --dur-entrada: 400ms;
}