:root{
--color-white:#ffffff;
--color-navy-50:#EEEDF9;
--color-navy-100:#D6D3F0;
--color-navy-200:#ADA8E0;
--color-navy-300:#8079CB;
--color-navy-400:#564DAD;
--color-navy-500:#332B8C;
--color-navy-600:#1B1464;
--color-navy-700:#150F4D;
--color-navy-800:#0F0B39;
--color-navy-900:#0A0726;
--color-teal-50:#E7FBF7;
--color-teal-100:#C3F5EA;
--color-teal-200:#8FEBDA;
--color-teal-300:#5CE0C8;
--color-teal-400:#33D9BB;
--color-teal-500:#1ED6BB;
--color-teal-600:#17AC97;
--color-teal-700:#128276;
--color-teal-800:#0C5C55;
--color-teal-900:#073633;
--color-gray-0:#ffffff;
--color-gray-50:#F6F7FA;
--color-gray-100:#EDEEF3;
--color-gray-200:#DDDFE8;
--color-gray-300:#C3C6D4;
--color-gray-400:#9A9FB3;
--color-gray-500:#71768F;
--color-gray-600:#545970;
--color-gray-700:#3D4157;
--color-gray-800:#262A3D;
--color-gray-900:#14162B;
--color-gray-950:#0A0B14;
--color-success:#1F9D6C;
--color-success-bg:#E5F7EE;
--color-warning:#D98A1E;
--color-warning-bg:#FCF1DE;
--color-danger:#D8433F;
--color-danger-bg:#FBE9E8;
--color-info:var(--color-navy-500);
--color-info-bg:var(--color-navy-50);
--brand-primary:var(--color-navy-600);
--brand-primary-hover:var(--color-navy-500);
--brand-primary-active:var(--color-navy-700);
--brand-accent:var(--color-teal-500);
--brand-accent-hover:var(--color-teal-400);
--brand-accent-active:var(--color-teal-600);
--text-primary:var(--color-navy-900);
--text-secondary:var(--color-gray-600);
--text-muted:var(--color-gray-500);
--text-on-brand:var(--color-white);
--text-link:var(--color-navy-600);
--text-link-hover:var(--color-navy-500);
--surface-page:var(--color-white);
--surface-sunken:var(--color-gray-50);
--surface-card:var(--color-white);
--surface-inverse:var(--color-navy-900);
--border-default:var(--color-gray-200);
--border-strong:var(--color-gray-300);
--border-focus:var(--color-teal-500);
}