:root {
  color-scheme: dark;
  --bg: #101114;
  --bg-deep: #0b0c0f;
  --surface: #15171c;
  --surface-raised: #1b1e24;
  --surface-hover: #22262e;
  --surface-soft: #181a20;
  --border: #2a2e36;
  --border-strong: #3a404b;
  --text: #f0f1f3;
  --text-soft: #c2c5cc;
  --muted: #9298a4;
  --muted-soft: #6f7682;
  --accent: #9d96ff;
  --accent-bright: #b8b2ff;
  --accent-deep: #7169d6;
  --accent-wash: rgba(157, 150, 255, 0.12);
  --accent-border: rgba(157, 150, 255, 0.28);
  --warm: #e9ad74;
  --warm-wash: rgba(233, 173, 116, 0.11);
  --success: #89cbb3;
  --danger: #f19b9b;
  --danger-wash: rgba(241, 155, 155, 0.12);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.20);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --topbar-height: 64px;
  --control-height: 38px;
}