/* Generated by scripts/build-tokens.mjs from design/tokens.json. Do not edit. */
@font-face { font-family: "Barlow"; src: url("/fonts/barlow-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/fonts/barlow-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/fonts/barlow-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/fonts/barlow-condensed-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
:root {
  color-scheme: dark;
  --ground: #100e0f;
  --surface: #171415;
  --raised: #1f1b1d;
  --sunken: #0b0a0a;
  --line: #2b2528;
  --line-strong: #6f6268;
  --ink: #f3eef0;
  --ink-muted: #b4a9ae;
  --ink-subtle: #948a8f;
  --brand: #8a1c2f;
  --brand-hover: #9c2237;
  --on-brand: #ffffff;
  --brand-ink: #ee7a8c;
  --brand-tint: #8a1c2f38;
  --focus: #f08c9c;
  --offense: var(--brand-ink);
  --defense: #86b8f2;
  --success: #63c983;
  --warning: #e8a946;
  --danger: #f07575;
  --mark-make: #63c983;
  --mark-miss: #f06363;
  --mark-def-make: #5aa2ff;
  --mark-def-miss: #ffab53;
  --court-wood: #c08d58;
  --court-line: #f7e6c8;
  --court-ink: #3a2717;
  --brand-pressed: #741627;
  --court-wood-deep: #b07d49;
  --hover: #ffffff0a;
  --shadow-pop: 0 18px 48px #000000a6, 0 2px 6px #00000066;
  --shadow-highlight: inset 0 1px 0 #ffffff0d;
  --shadow-brand-highlight: inset 0 1px 0 #ffffff2e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --control-h: 40px;
  --rail-w: 224px;
  --chip-h: 44px;
  --control-h-sm: 32px;
  --icon: 20px;
  --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
[data-theme="light"], .screen.light {
  color-scheme: light;
  --ground: #f3f0ee;
  --surface: #ffffff;
  --raised: #faf8f7;
  --sunken: #f0ecea;
  --line: #e5dfdc;
  --line-strong: #948990;
  --ink: #1b1517;
  --ink-muted: #574c51;
  --ink-subtle: #6d6267;
  --brand: #7a1628;
  --brand-hover: #8c1b2f;
  --on-brand: #ffffff;
  --brand-ink: #8a1c2f;
  --brand-tint: #7a162814;
  --focus: #8a1c2f;
  --offense: var(--brand-ink);
  --defense: #2a64ad;
  --success: #1f7a3e;
  --warning: #8f5a00;
  --danger: #b3261e;
  --mark-make: #2e9a52;
  --mark-miss: #d13b3b;
  --mark-def-make: #2f74d0;
  --mark-def-miss: #c96d00;
  --court-wood: #d4a874;
  --court-line: #fff7ea;
  --court-ink: #3a2717;
  --brand-pressed: #661221;
  --court-wood-deep: #c89a65;
  --hover: #1b15170a;
  --shadow-pop: 0 18px 48px #1b151726, 0 2px 6px #1b151714;
  --shadow-highlight: inset 0 1px 0 #ffffff;
  --shadow-brand-highlight: inset 0 1px 0 #ffffff33;
}
.t-page-title { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: 0.01em; }
.t-stat { font-family: var(--font-display); font-size: 34px; line-height: 36px; font-weight: 600; font-variant-numeric: tabular-nums; }
.t-section-title { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: 0.02em; }
.t-label { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.t-heading { font-family: var(--font-body); font-size: 17px; line-height: 22px; font-weight: 600; }
.t-body { font-family: var(--font-body); font-size: 15px; line-height: 22px; font-weight: 400; }
.t-control { font-family: var(--font-body); font-size: 14px; line-height: 18px; font-weight: 600; }
.t-caption { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 500; }
.t-kbd { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 600; }