:root{
/* Base — navy */
--navy-950:#021221; --navy-900:#04182b; --navy-800:#0a2236; --navy-700:#122c42; --navy-600:#1b3a54;
/* Orange (primary) */
--orange-600:#d95a10; --orange-500:#f35f0b; --orange-400:#f87229; --orange-300:#fa8d4e; --orange-100:#ffe3c5; --orange-50:#fff0e0;
/* Green (accent) */
--green-700:#00683e; --green-500:#1aac73; --green-400:#23ae73; --green-100:#d7f3e7;
/* Gold (accent) */
--gold-600:#cf8f0d; --gold-500:#e5a627; --gold-100:#faebcb;
/* Neutrals on dark */
--white:#ffffff; --fg-1:#ffffff; --fg-2:#bccadb; --fg-3:#7f93a8; --line-1:rgba(255,255,255,.14); --line-2:rgba(255,255,255,.08);
/* Semantic */
--surface-page:var(--navy-950); --surface-card:var(--navy-900); --surface-raised:var(--navy-800); --surface-inverse:var(--white);
--text-display:var(--fg-1); --text-body:var(--fg-2); --text-muted:var(--fg-3); --text-on-accent:#ffffff; --text-inverse:var(--navy-950);
--accent:var(--orange-400); --accent-strong:var(--orange-500); --accent-hover:var(--orange-300); --accent-press:var(--orange-600);
--positive:var(--green-500); --highlight:var(--gold-500);
--focus-ring:0 0 0 3px rgba(248,114,41,.45);
}