:root{
--color-deep-navy:#0A1931;
--color-navy:#1A3D63;
--color-blue:#4A7FA7;
--color-sky:#B3CFE5;
--color-off-white:#F6FAFD;
--color-white:#FFFFFF;
--gray-900:#1B2733;
--gray-700:#3F4C5A;
--gray-500:#6B7A89;
--gray-300:#AEB9C4;
--gray-100:#E4EAF0;
--color-success:#3E8E63;
--color-warning:#C98A2E;
--color-error:#B3453A;
--brand-primary:var(--color-navy);
--brand-primary-hover:#122A47;
--brand-deep:var(--color-deep-navy);
--brand-accent:var(--color-blue);
--brand-tint:var(--color-sky);
--surface-page:var(--color-off-white);
--surface-card:var(--color-white);
--surface-inverse:var(--color-deep-navy);
--surface-tint:var(--color-sky);
--text-primary:var(--color-deep-navy);
--text-secondary:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-primary:var(--color-off-white);
--border-subtle:var(--gray-100);
--border-default:var(--color-sky);
--border-strong:var(--color-blue);
--focus-ring:var(--color-blue);
}