:root{
--navy-900:#0e213f;--navy-800:#152a4d;--navy-700:#1d3a63;--navy-600:#2c4d7d;--navy-500:#3e6299;--navy-400:#536c87;
--steel-100:#f4f5f6;--steel-200:#e4e7ea;--steel-300:#c9d0d6;--steel-400:#a9b3bc;--steel-500:#828e99;--steel-600:#5c6771;--steel-700:#40484f;
--white:#ffffff;
--teal-400:oklch(0.78 0.11 200);--teal-500:oklch(0.68 0.12 200);--teal-600:oklch(0.56 0.11 200);
--sun:#e9ebe8;
--success:#2f8f5b;--warning:#c98a1f;--danger:#c14343;
--brand-primary:var(--navy-800);--brand-primary-hover:var(--navy-900);
--brand-accent:var(--teal-500);--brand-accent-hover:var(--teal-600);
--surface-page:var(--steel-100);--surface-card:var(--white);--surface-sunken:var(--steel-200);--surface-inverse:var(--navy-900);
--border-subtle:var(--steel-300);--border-strong:var(--steel-400);
--text-heading:var(--navy-900);--text-body:var(--steel-700);--text-muted:var(--steel-500);--text-inverse:var(--white);--text-on-accent:var(--navy-900);
--focus-ring:var(--teal-500);
}