:root{
--color-seal-navy:#0B1A82;
--color-deep-navy:#071258;
--color-signal-teal:#00C8B4;
--color-bone:#F2F3F5;
--color-ink:#101215;
--color-white:#FFFFFF;
--color-navy-muted:#6B74B8;
--color-hairline:rgba(11,26,130,0.16);
--color-hairline-inverse:rgba(255,255,255,0.22);

--surface-page:var(--color-bone);
--surface-navy:var(--color-seal-navy);
--surface-navy-deep:var(--color-deep-navy);
--surface-card:var(--color-white);

--text-body:var(--color-ink);
--text-inverse:var(--color-white);
--text-muted:var(--color-navy-muted);
--text-brand:var(--color-seal-navy);

--accent-teal:var(--color-signal-teal);
--border-default:var(--color-hairline);
--border-inverse:var(--color-hairline-inverse);
}