:root {
  --bg: #070a0f;
  --bg-elevated: #0b1018;
  --bg-panel: rgba(12, 18, 28, 0.9);
  --bg-soft: rgba(255, 255, 255, 0.03);
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.18);
  --text: #edf2fb;
  --muted: #a2adbf;
  --muted-strong: #c4cddd;
  --accent: #7dd3fc;
  --accent-soft: rgba(125, 211, 252, 0.15);
  --accent-glow: rgba(125, 211, 252, 0.32);
  --warm: #f9a8d4;
  --gold: #fbbf24;
  --danger: #f87171;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;

  --radius-xs: 12px;
  --radius-sm: 16px;
  --radius-md: 22px;
  --radius-lg: 30px;
  --radius-xl: 40px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 42px;
  --space-8: 56px;

  --shadow-soft: 0 12px 40px rgba(0, 0, 0, 0.32);
  --shadow-deep: 0 30px 100px rgba(0, 0, 0, 0.55);

  --page-width: 1320px;
  --page-padding: 24px;
  --player-height: 168px;
}