:root {
  color-scheme: dark;
  --bg: #060606;
  /* Editorial dark surfaces: neutral charcoal (no blue/navy tint) for a true black+red look. */
  --panel: #0e0e0e;
  --panel-2: #141414;
  --panel-3: #1c1c1c;
  --line: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #f6f6f6;
  --muted: #a3a3a3;
  --accent: #ff3046;
  --accent-2: #ff5e72;
  --brand-red: #ff2538;
  --accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));
  --accent-contrast: #ffffff;
  --data-accent: #ff3046;
  --data-soft: rgba(255, 48, 70, 0.16);
  /* Depth system: restrained editorial surfaces, not ambient gaming glow. */
  --glass-blur: saturate(150%) blur(18px);
  --shadow-1: 0 10px 24px rgba(0, 0, 0, 0.34);
  --shadow-2: 0 18px 48px rgba(0, 0, 0, 0.48);
  --edge: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --accent-glow: 0 12px 30px rgba(255, 48, 70, 0.22);
  --accent-soft: rgba(255, 48, 70, 0.16);
  --data-glow: 0 10px 28px rgba(255, 48, 70, 0.18);
  --page-halo: rgba(13, 13, 13, 0.62);
  --page-brand-halo: rgba(255, 48, 70, 0.05);
  --arena-brand-bloom: rgba(255, 48, 70, 0.16);
  --arena-scrim-top: rgba(7, 7, 7, 0.40);
  --arena-scrim-mid: rgba(7, 7, 7, 0.80);
  --arena-scrim-bottom: rgba(7, 7, 7, 0.96);
  --focus-ring: color-mix(in srgb, var(--accent), #ffffff 18%);
  --focus-shadow: 0 0 0 4px rgba(255, 48, 70, 0.28);
  --good: #34d399;
  --warn: #facc15;
  --gold: #ffb800;
  --radius: 20px;
  --radius-lg: 26px;
  --radius-xl: 32px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --radius-sm: 8px;
  --radius-hud: 6px;
  --pill: 999px;
  /* OVRWire type system: Barlow Condensed for broadcast display, DM Sans for body/UI, Space Mono for stats/data. */
  --font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Barlow Condensed", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Space Mono", "SFMono-Regular", Consolas, monospace;

  /* Type scale — perfect fourth (1.333). Micro/data floors stay 12px for mobile legibility. */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.333rem;
  --text-xl: 1.777rem;
  --text-2xl: 2.369rem;
  --text-hero: clamp(2.5rem, 6vw, 4rem);
  --type-micro-min: 12px;
  --type-data-min: 12px;
  --type-label-min: 12px;
  --type-chip-min: 12px;

  /* Spacing scale — 8px grid. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f7f8;
  --panel: #ffffff;
  --panel-2: #fbfbfc;
  --panel-3: #f2f3f5;
  --line: rgba(15, 23, 42, 0.10);
  --line-strong: rgba(15, 23, 42, 0.20);
  --text: #121417;
  --muted: #5f6672;
  --accent: #ff3046;
  --accent-2: #ff5e72;
  --brand-red: #ff2538;
  --accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));
  --accent-contrast: #ffffff;
  --data-accent: #ff3046;
  --data-soft: rgba(255, 48, 70, 0.10);
  --glass-blur: saturate(115%) blur(10px);
  --shadow-1: 0 10px 28px rgba(15, 23, 42, 0.08);
  --shadow-2: 0 20px 58px rgba(15, 23, 42, 0.14);
  --edge: inset 0 1px 0 rgba(255, 255, 255, 0.88);
  --accent-glow: 0 12px 26px rgba(255, 48, 70, 0.15);
  --accent-soft: rgba(255, 48, 70, 0.08);
  --data-glow: 0 10px 24px rgba(255, 48, 70, 0.12);
  --page-halo: rgba(255, 255, 255, 0.88);
  --page-brand-halo: rgba(255, 48, 70, 0.045);
  --arena-brand-bloom: rgba(255, 48, 70, 0.08);
  --arena-scrim-top: rgba(247, 247, 248, 0.86);
  --arena-scrim-mid: rgba(247, 247, 248, 0.94);
  --arena-scrim-bottom: rgba(247, 247, 248, 0.98);
  --focus-ring: color-mix(in srgb, var(--accent), #111827 16%);
  --focus-shadow: 0 0 0 4px rgba(255, 48, 70, 0.18);
  --good: #15803d;
  --warn: #b7791f;
  --gold: #b7791f;
  --broadcast-panel: #ffffff;
  --broadcast-panel-2: #fbfbfc;
  --broadcast-hairline: rgba(15, 23, 42, 0.13);
  --broadcast-hairline-strong: rgba(15, 23, 42, 0.24);
}