:root{
/* --- primary navy family --- */
--navy-midnight:#0D1B2A;
--navy-deep:#0A1420;
--navy-steel:#243447;
--navy-graphite:#121A24;
/* --- gold family --- */
--gold-executive:#D4B06A;
--gold-soft:#E5C98B;
--gold-brass:#B79A5A;
/* --- ivory / neutral warm family --- */
--ivory-warm:#F4E7C1;
--ivory-champagne:#F5EFE1;
--limestone:#DCD5C6;
--walnut:#5A3E2B;
/* --- cool neutrals --- */
--slate-gray:#8FA1B3;
--slate-concrete:#707070;
--carbon-ash:#2B2B2B;
--soft-black:#15181C;
--white:#FFFFFF;

/* --- semantic aliases --- */
--surface-page:var(--ivory-champagne);
--surface-page-dark:var(--navy-midnight);
--surface-card:var(--white);
--surface-card-dark:var(--navy-steel);
--surface-sunken:var(--limestone);
--surface-glass:rgba(13,27,42,0.72);

--text-heading-on-light:var(--navy-midnight);
--text-heading-on-dark:var(--white);
--text-body-on-light:var(--navy-graphite);
--text-body-on-dark:var(--slate-gray);
--text-muted:var(--slate-gray);
--text-label:var(--navy-steel);

--border-hairline-light:rgba(13,27,42,0.12);
--border-hairline-dark:rgba(212,176,106,0.25);
--border-gold:var(--gold-executive);

--accent-primary:var(--gold-executive);
--accent-primary-hover:var(--gold-soft);
--accent-on-dark:var(--gold-executive);

--focus-ring:#4A90D9;
}