:root{
    --navy-950:#080c16;
    --navy-900:#0d1526;
    --navy-800:#131d33;
    --navy-700:#1d2a47;
    --navy-600:#2b3c5f;
    --slate-400:#8593ad;
    --slate-300:#aeb8cc;
    --cream:#f5f2e9;
    --orange-600:#e6551b;
    --orange-500:#ff7a33;
    --orange-400:#ff9c5c;
    --amber-300:#ffcb8f;

    /* In-product surface palette — structure/spacing from docs/setlist-ui-mockups.html,
       colours overridden to the dark navy brand palette (see docs/setlist-brand-identity.html:
       "orange is a spotlight, not a wash" — one accent, everything else navy/slate). */
    --surface-0:var(--navy-950);
    --surface-1:var(--navy-900);
    --surface-2:var(--navy-800);
    --border:var(--navy-700);
    --border-strong:var(--navy-600);
    --text-primary:var(--cream);
    --text-secondary:var(--slate-300);
    --text-muted:var(--slate-400);
    --radius:8px;
    --bg-accent:rgba(255,122,51,0.16); --text-accent:var(--orange-400);
    --bg-success:var(--navy-700); --text-success:var(--slate-300);
    --bg-warning:var(--navy-700); --text-warning:var(--slate-300);
    --bg-pro:var(--navy-700); --text-pro:var(--slate-300);
    --bg-pink:var(--navy-700); --text-pink:var(--slate-300);
    --bg-teal:var(--navy-700); --text-teal:var(--slate-300);
    --bg-coral:var(--navy-700); --text-coral:var(--slate-300);
}