:root{
/* --- base palette (recalibrated from live-site screenshot, Aug 2026) --- */
--navy-950:#0a1038;
--navy-900:#131c66;
--navy-800:#182477;
--navy-700:#1d2fa0;
--navy-600:#2e42c9;
--navy-100:#e5e9fb;
--blue-600:#2f6fed;
--blue-500:#4d86f5;
--blue-100:#e3edfd;
--magenta-700:#b91f1f;
--magenta-600:#e02b2b;
--magenta-500:#ef5350;
--magenta-100:#fde5e5;
--lavender-100:#e9ecfa;
--teal-600:#0f9488;
--teal-500:#14b8a6;
--teal-100:#dbf7f2;
--red-500:#d32f2f;
--red-100:#fbe3e3;
--gold-500:#f5b921;
--white:#ffffff;
--gray-50:#f6f7f9;
--gray-100:#eef0f6;
--gray-200:#e3e6ef;
--gray-300:#c9cee0;
--gray-500:#6b7280;
--gray-700:#3a4256;
--gray-900:#171d2e;

/* --- semantic aliases --- */
--color-bg-page:var(--white);
--color-bg-surface:var(--white);
--color-bg-inverse:var(--navy-900);
--color-bg-brand:var(--blue-600);
--color-bg-brand-hover:var(--navy-700);
--color-bg-accent:var(--magenta-600);
--color-bg-accent-hover:var(--magenta-700);
--color-bg-muted:var(--gray-100);
--color-bg-success:var(--teal-100);
--color-bg-danger:var(--red-100);

--text-heading:var(--navy-900);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-brand:var(--white);
--text-on-inverse:var(--gray-100);
--text-link:var(--navy-700);
--text-link-hover:var(--blue-600);
--text-success:var(--teal-600);
--text-danger:var(--red-500);
--text-accent:var(--magenta-600);

--border-default:var(--gray-200);
--border-strong:var(--gray-300);
--border-brand:var(--navy-700);
--border-focus:var(--blue-600);

--brand-primary:var(--navy-700);
--brand-accent:var(--magenta-600);
--brand-secondary:var(--blue-600);
}