:root{
/* Charcoal / black surfaces (stadium-at-night) */
--surface-100:#0a0a0b;--surface-200:#151517;--surface-300:#252528;--surface-raised:#1c1c1f;
/* Ink (light on dark) */
--ink:#efe7d4;--ink-muted:#9c927e;
/* Gold identity */
--brand:#cda753;--brand-strong:#000000;--brand-soft:#241d0e;--on-brand:#f3ead9;
/* Brass / vivid gold (CTAs, active states) */
--gold:#e0a83a;--gold-ink:#b8842a;--gold-soft:#f2d78e;--on-gold:#1a1205;
/* Semantic aliases */
--bg-page:var(--surface-100);--surface-card:var(--surface-200);--surface-header:var(--surface-raised);--surface-placeholder:var(--surface-300);
--border-hairline:var(--surface-300);
--text-body:var(--ink);--text-muted:var(--ink-muted);--text-link-accent:var(--gold-ink);--text-on-hero:#ffffff;--text-on-hero-accent:var(--gold-soft);
--action-primary-bg:var(--gold);--action-primary-fg:var(--on-gold);
--focus-ring:var(--gold);
--badge-bg:var(--brand-soft);--badge-fg:var(--brand);
--scrim-hero:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.45) 45%,rgba(0,0,0,0.05) 75%); /* @kind color */
--thumb-grad-green:linear-gradient(135deg,#1e1e21 0%,#000000 100%);
--thumb-grad-gold:linear-gradient(135deg,var(--gold) 0%,var(--gold-ink) 100%);
--thumb-grad-mixed:linear-gradient(135deg,#000000 0%,#1e1e21 55%,var(--gold) 100%);
}
a{color:var(--brand);}a:hover{color:var(--gold-ink);}