:root{
/* --- Brand core (OCDIESEL Brand Style Guide, p.05) --- */
--navy-blue:#2C3546;      /* R44 G53 B70  · C83 M72 Y49 K46 */
--white:#FFFFFF;
--off-white:#BEB7B7;      /* R190 G183 B183 · warm grey the guide calls "off white" */

/* --- Navy ramp (derived tints/shades of --navy-blue, for surfaces & states) --- */
--navy-900:#161B24;
--navy-800:#1E2532;
--navy-700:#252D3C;
--navy-600:#2C3546;
--navy-500:#3A4557;
--navy-400:#4C596E;
--navy-300:#6B7789;
--navy-200:#9AA3B1;
--navy-100:#C9CED6;
--navy-050:#EDEFF2;

/* --- Warm neutral ramp (derived from --off-white) --- */
--warm-600:#6E6868;
--warm-500:#8C8585;
--warm-400:#A8A1A1;
--warm-300:#BEB7B7;
--warm-200:#D6D1D1;
--warm-100:#E8E5E5;
--warm-050:#F5F3F3;

/* --- Semantic status (INTENTIONAL ADDITION — not in the printed guide; see readme) --- */
--signal-amber:#E0A03C;
--signal-green:#3F8F5F;
--signal-red:#C2453C;

/* --- Semantic aliases --- */
--surface-page:#FFFFFF;
--surface-subtle:var(--warm-050);
--surface-card:#FFFFFF;
--surface-inverse:var(--navy-600);
--surface-inverse-deep:var(--navy-800);
--surface-raised-inverse:var(--navy-500);

--text-heading:var(--navy-600);
--text-body:var(--navy-500);
--text-muted:var(--warm-600);
--text-on-inverse:#FFFFFF;
--text-on-inverse-muted:var(--navy-100);
--text-link:var(--navy-600);
--text-link-hover:var(--navy-400);

--border-subtle:var(--warm-200);
--border-strong:var(--navy-600);
--border-on-inverse:rgba(255,255,255,.16);

--action-primary-bg:var(--navy-600);
--action-primary-bg-hover:var(--navy-800);
--action-primary-bg-active:var(--navy-900);
--action-primary-fg:#FFFFFF;
--action-secondary-fg:var(--navy-600);
--action-secondary-border:var(--navy-600);
--action-secondary-bg-hover:var(--navy-050);
--action-inverse-bg:#FFFFFF;
--action-inverse-fg:var(--navy-600);
--focus-ring:var(--navy-400);
}