:root { --bg: #eef2f6; --surface: #ffffff; --sunken: #e3e9f0; --ink: #0f1b2a; --muted: #56657a; --line: #d3dbe5; --primary: #0f2a44; --primary-ink: #ffffff; --accent: #a3e635; --accent-ink: #0b1f33; --highlight: #0f2a44; --chalk: rgba(255, 255, 255, .22); --team-a: #ea580c; --team-a-text: #c2410c; --team-a-soft: #fdebdf; --team-b: #0284c7; --team-b-text: #0369a1; --team-b-soft: #ddeffa; --win: #157a3b; --draw: #975a06; --loss: #c81e1e; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #0b1622; --surface: #13212f; --sunken: #0e1a27; --ink: #e6edf5; --muted: #94a3b8; --line: #263a50; --primary: #0f2a44; --primary-ink: #ffffff; --accent: #a3e635; --accent-ink: #0b1f33; --highlight: #a3e635; --chalk: rgba(255, 255, 255, .16); --team-a: #ea580c; --team-a-text: #fb923c; --team-a-soft: #3a2114; --team-b: #0284c7; --team-b-text: #38bdf8; --team-b-soft: #0c2a3d; --win: #4ade80; --draw: #facc15; --loss: #f87171; color-scheme: dark; } }