/* ═══ SPOKE SKIN v2 — THE BLACK TECH RESKIN (one file, every old page) ═══ Loaded LAST in on every pre-explore-era page, this remaps the old amber-brown skin (#1A1610/#1A1814) onto the new black-tech design that explore/hit/landing already wear (Ronan 3 Aug: "app is dark by design now"). Both generations use the SAME custom-property names, so overriding :root here reskins whole pages without touching their markup or logic. Page-specific identity colours (--coach, --hit, --match, ring colours) are deliberately NOT overridden — content semantics keep their voice. If a future page needs the old look back, remove one line. */ :root { color-scheme: dark; /* the shared palette, new values */ --bg: #0a0805; --bg-card: rgba(20, 18, 13, .72); --bg-elev: #14120d; --card: #14120d; --ink: #F5F2E8; --ink-soft: #C7C2B2; --ink-mute: #9a9484; --line: #343622; --line-soft: #23251a; --lime: #C7D14B; --lime-bright: #DCE85A; --ember: #E8A85C; --ember-bright: #F2C078; --gold: #FFD97A; --rust: #D97757; --core: #E07B3C; --inner: #E8C846; --sans: 'Inter Tight', system-ui, sans-serif; } /* the black-tech backdrop (explore's exact gradient) + the big-type base */ html, body { background: radial-gradient(ellipse 90% 55% at 50% 30%, rgba(232, 168, 92, .12), transparent 66%), linear-gradient(180deg, #14120d 0%, #0d0b07 55%, #0a0805 100%); background-color: #0a0805; background-attachment: fixed; font-size: 17px; /* the redesign law: big type, readable on a phone in sunlight */ } /* old amber "card on brown" surfaces sit naturally on the black gradient; only hard-coded old-brown fills need the nudge */ .sheet, .modal, .panel { background-color: #14120d; }