:root {
  color-scheme: dark;

  --bg: #07111f;
  --bg-soft: #0b1728;
  --bg-elevated: rgba(12, 25, 43, 0.78);
  --bg-elevated-strong: rgba(8, 20, 36, 0.92);
  --surface: rgba(16, 31, 53, 0.78);
  --surface-strong: rgba(20, 38, 63, 0.94);
  --surface-border: rgba(122, 247, 255, 0.18);
  --surface-border-strong: rgba(122, 247, 255, 0.34);

  --text: #f4fbff;
  --text-muted: #9cb6c8;
  --text-soft: #78a0b7;

  --primary: #62f3ff;
  --primary-strong: #1ce3ff;
  --primary-deep: #0fb8df;
  --secondary: #7a7dff;
  --secondary-soft: #6366f1;
  --accent: #7cf7d4;
  --accent-soft: #22d3ee;

  --glow-purple: #8b5cf6;
  --glow-blue: #3b82f6;
  --glow-cyan: #22d3ee;

  --danger: #ff7a9f;
  --success: #6effc8;

  --shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 20px 60px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 30px 100px rgba(3, 12, 24, 0.58);
  --shadow-glow: 0 0 0 1px rgba(98, 243, 255, 0.1), 0 0 30px rgba(28, 227, 255, 0.16), 0 18px 50px rgba(5, 17, 30, 0.55);

  --radius-xs: 12px;
  --radius-sm: 18px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --radius-xl: 40px;

  --container: 1180px;
  --header-height: 88px;

  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;

  --transition-fast: 180ms ease;
  --transition-base: 280ms ease;
  --transition-slow: 420ms ease;
}