:root { --bg: #f7f3f2; --surface: #ffffff; --sunken: #efe8e6; --ink: #1c1414; --muted: #6b5b5b; --line: #e5dad8; --primary: #c8102e; --primary-ink: #ffffff; --accent: #ffd400; --accent-ink: #1c1414; --highlight: #c8102e; --chalk: rgba(255, 255, 255, .22); --team-a: #dc2626; --team-a-text: #b91c1c; --team-a-soft: #fde4e4; --team-b: #2563eb; --team-b-text: #1d4ed8; --team-b-soft: #dde6fb; --win: #15803d; --draw: #975a06; --loss: #b91c1c; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --bg: #140d0e; --surface: #1f1617; --sunken: #181011; --ink: #f2eaea; --muted: #b3a3a3; --line: #3a2a2c; --primary: #a50d26; --primary-ink: #ffffff; --accent: #ffd400; --accent-ink: #1c1414; --highlight: #ffd400; --chalk: rgba(255, 255, 255, .16); --team-a: #dc2626; --team-a-text: #f87171; --team-a-soft: #3d1a1a; --team-b: #2563eb; --team-b-text: #82a6ff; --team-b-soft: #18233f; --win: #4ade80; --draw: #facc15; --loss: #f87171; color-scheme: dark; } }