:root{
--navy-900:#0B1F5C;
--blue-800:#1746A2;
--blue-600:#2C52A9;
--blue-400:#6F8CC2;
--blue-100:#EAF0FA;
--ink-900:#182033;
--gray-500:#667085;
--white:#FFFFFF;
--black:#000000;

--color-bg:var(--white);
--color-surface:var(--white);
--color-surface-tint:var(--blue-100);
--color-text-primary:var(--ink-900);
--color-text-secondary:var(--gray-500);
--color-text-on-brand:var(--white);
--color-text-link:var(--blue-800);
--color-text-link-hover:var(--navy-900);
--color-border:#D8E1F2;
--color-border-strong:var(--blue-400);

--color-brand-primary:var(--blue-600);
--color-brand-primary-hover:var(--blue-800);
--color-brand-primary-active:var(--navy-900);
--color-brand-secondary:var(--blue-400);
--color-brand-tint:var(--blue-100);

--color-success:#1F9D6B;
--color-success-tint:#E4F7EE;
--color-warning:#B8791A;
--color-warning-tint:#FBF0DD;
--color-danger:#C4362E;
--color-danger-tint:#FBE7E5;
--color-info:var(--blue-800);
--color-info-tint:var(--blue-100);

--color-focus-ring:var(--blue-600);
}