:root {
  color-scheme: dark;
  --bg: #05070a;
  /* Editorial dark surfaces: opaque by default, with blur reserved for chrome. */
  --panel: #080c14;
  --panel-2: #0b111c;
  --panel-3: #111827;
  --line: rgba(255, 255, 255, 0.10);
  --line-strong: rgba(255, 255, 255, 0.24);
  --text: #f5f8ff;
  --muted: #9aa4b2;
  --accent: #8fd8ff;
  --accent-2: #4cc9ff;
  --accent-gradient: linear-gradient(135deg, var(--accent), var(--accent-2));
  --accent-contrast: #03121c;
  --data-accent: #8fd8ff;
  --data-soft: rgba(143, 216, 255, 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(143, 216, 255, 0.18);
  --accent-soft: rgba(143, 216, 255, 0.16);
  --data-glow: 0 10px 28px rgba(143, 216, 255, 0.18);
  --page-halo: rgba(11, 17, 28, 0.62);
  --page-brand-halo: rgba(143, 216, 255, 0.035);
  --arena-brand-bloom: rgba(143, 216, 255, 0.14);
  --arena-scrim-top: rgba(6, 7, 10, 0.40);
  --arena-scrim-mid: rgba(6, 7, 10, 0.80);
  --arena-scrim-bottom: rgba(6, 7, 10, 0.96);
  --focus-ring: color-mix(in srgb, var(--accent), #ffffff 18%);
  --focus-shadow: 0 0 0 4px rgba(143, 216, 255, 0.24);
  --good: #34d399;
  --warn: #facc15;
  --gold: #ffb800;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --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;
}