:root{
--navy-900:#0F2539;--navy-700:#1A2F4E;--navy-500:#2C4A66;
--teal-600:#1C8E82;--teal-500:#28B0A0;--teal-100:#DCF3EF;
--green-600:#3AA372;--green-500:#4ABE8A;--green-100:#E4F7EC;
--gray-900:#1F2937;--gray-700:#4B5A68;--gray-500:#647686;--gray-300:#B8C0D0;--gray-100:#F6F7F8;--gray-50:#FBFCFC;
--white:#FFFFFF;
--danger:#D14343;--warning:#C98A1E;

--surface-page:var(--gray-50);
--surface-card:var(--white);
--surface-sunken:var(--gray-100);
--surface-dark:var(--navy-900);
--surface-dark-alt:var(--navy-700);

--text-heading:var(--navy-900);
--text-body:var(--gray-700);
--text-muted:var(--gray-500);
--text-on-dark:var(--white);
--text-on-dark-muted:#AEC2CE;
--text-accent:var(--teal-600);
--text-accent-green:var(--green-600);

--border-default:var(--gray-300);
--border-subtle:#E4E8EE;
--border-dark:rgba(255,255,255,0.16);

--action-primary:var(--teal-500);
--action-primary-hover:var(--teal-600);
--action-primary-text:var(--navy-900);
--action-on-dark:var(--teal-500);
--action-on-dark-hover:#39C4B3;
--focus-ring:var(--teal-500);
}