:root{
--color-white:#FFFFFF;
--color-sandstone:#F9F6F1;
--color-night-blue:#002842;
--color-black:#000000;
--color-maize:#F7DFBB;
--color-gold:#F18D00;
--color-huron-blue:#123A4F;
--color-night-blue-90:#0A3350;
--color-night-blue-70:#2C4E64;
--color-night-blue-40:#7C93A1;
--color-night-blue-10:#E7ECEF;
--color-sandstone-60:#FCFAF7;
--color-gold-15:#FDEBD1;

--surface-page:var(--color-sandstone);
--surface-canvas:var(--color-white);
--surface-card:var(--color-white);
--surface-inverse:var(--color-night-blue);
--surface-sunken:var(--color-night-blue-10);
--surface-accent-soft:var(--color-gold-15);

--text-primary:var(--color-night-blue);
--text-secondary:var(--color-huron-blue);
--text-muted:#5C7080;
--text-inverse:var(--color-white);
--text-on-accent:var(--color-white);

--border-subtle:#E2DDD3;
--border-default:var(--color-night-blue-40);
--border-strong:var(--color-night-blue);
--border-inverse:rgba(255,255,255,0.28);

--accent-primary:var(--color-gold);
--accent-primary-hover:#D67D00;
--accent-primary-active:#BD6F00;
--brand-primary:var(--color-night-blue);
--brand-primary-hover:var(--color-night-blue-90);
--brand-primary-active:#001A2C;

--state-success:#3E7B4F;
--state-error:#B3402C;
--state-warning:var(--color-gold);
--state-info:var(--color-huron-blue);

--focus-ring:var(--color-gold);
}