:root{
--blue-900:#0a2540;--blue-800:#0d3a56;--blue-700:#00577b;--blue-600:#0d6f96;--blue-500:#2e8fb5;
--cyan-600:#0090c7;--cyan-500:#00aeef;--cyan-400:#4dc7f5;--cyan-100:#e3f7fd;
--green-700:#038c4e;--green-600:#04ae62;--green-100:#e0f8ea;
--gray-900:#26282a;--gray-700:#4a4c4e;--gray-600:#636466;--gray-400:#9a9c9e;--gray-200:#dcdedf;--gray-100:#eef0f1;--gray-50:#f7f8f9;
--white:#ffffff;
--red-600:#d5493f;--amber-600:#e0a413;
--fg-primary:var(--blue-900);--fg-secondary:var(--gray-600);--fg-muted:var(--gray-400);--fg-on-dark:var(--white);--fg-on-dark-muted:#aebccb;
--surface-page:var(--white);--surface-sunken:var(--gray-50);--surface-card:var(--white);--surface-dark:var(--blue-900);--surface-dark-2:var(--blue-800);
--border-default:var(--gray-200);--border-strong:var(--gray-400);
--brand-primary:var(--blue-700);--brand-accent:var(--cyan-500);--brand-cta:var(--green-600);
--focus-ring:var(--cyan-500);
--state-success:var(--green-600);--state-warning:var(--amber-600);--state-danger:var(--red-600);--state-info:var(--cyan-500);
}