/* ============================================================================= 1891 Arena — theme tokens ============================================================================ Project-specific overrides for the shared design system. Loaded after /assets/design-system/tokens.css. Apply by setting data-project="arena" on . ============================================================================= */ :root[data-project="arena"] { /* ---- Arena-specific brand tokens (project-prefixed) ------------------- */ --1891-arena-ink: #2a1d12; /* deep court-floor brown */ --1891-arena-bloom: #f4a300; /* scoreboard amber (LED-readout glow) */ --1891-arena-fog: #fdf6e9; /* paper-program cream */ --1891-arena-line: #e0d2b8; /* paper-edge */ --1891-arena-accent: #0b3a73; /* away-jersey navy */ --1891-arena-good: #2f7a3d; /* W */ --1891-arena-bad: #b03030; /* L */ /* ---- Override the shared --c-* tokens so generic components inherit -- */ --c-ink: var(--1891-arena-ink); --c-ink-soft: #4d3a2a; --c-fog: #7a6a55; --c-line: var(--1891-arena-line); --c-paper: #ffffff; --c-paper-warm: var(--1891-arena-fog); --c-bloom: var(--1891-arena-bloom); --c-bloom-soft: #f8c356; --c-accent: var(--1891-arena-accent); --c-primary: var(--1891-arena-ink); --c-ok: var(--1891-arena-good); --c-err: var(--1891-arena-bad); /* Focus ring on amber reads on every Arena surface. */ --c-focus-ring-color: var(--1891-arena-bloom); }