/* Design tokens. Dark is the default; light follows the OS unless the user pinned a theme, in which case [data-theme] on wins. */ :root { --bg: #0d1117; --bg-raised: #161b22; --bg-sunken: #090c10; --border: #2a313c; --border-strong: #3d4756; --text: #e6edf3; --text-dim: #9aa7b4; --text-faint:#6b7684; --accent: #f0803c; /* basketball orange */ --accent-dim: #b85c25; --accent-text: #1a0e05; --good: #3fb950; --bad: #f85149; --neutral: #58a6ff; --pos-pg: #58a6ff; --pos-sg: #7c9cf5; --pos-sf: #a371f7; --pos-pf: #db61a2; --pos-c: #f0803c; --radius: 12px; --radius-sm: 8px; --radius-lg: 18px; --gap: 12px; --gap-sm: 8px; --gap-lg: 20px; --tap: 44px; /* minimum touch target */ --shell-max: 720px; --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-num: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace; --shadow: 0 8px 24px rgba(0, 0, 0, .4); --speed: 220ms; } @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bg: #f5f6f8; --bg-raised: #ffffff; --bg-sunken: #e8eaee; --border: #d6dae1; --border-strong: #b9bfc9; --text: #14181d; --text-dim: #565f6b; --text-faint:#828b97; --accent: #d2641f; --accent-dim: #a94f17; --accent-text: #ffffff; --good: #1a7f37; --bad: #cf222e; --shadow: 0 8px 24px rgba(0, 0, 0, .12); } } :root[data-theme="light"] { --bg: #f5f6f8; --bg-raised: #ffffff; --bg-sunken: #e8eaee; --border: #d6dae1; --border-strong: #b9bfc9; --text: #14181d; --text-dim: #565f6b; --text-faint:#828b97; --accent: #d2641f; --accent-dim: #a94f17; --accent-text: #ffffff; --good: #1a7f37; --bad: #cf222e; --shadow: 0 8px 24px rgba(0, 0, 0, .12); } @media (prefers-reduced-motion: reduce) { :root { --speed: 1ms; } }