:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-heading: 'Syne', sans-serif;
  --font-body: 'Inter', sans-serif;

  --color-bg-deep: #08080f;
  --color-bg-surface: #0f0f1a;
  --color-bg-elevated: #16162a;
  --color-accent-cyan: #00d4d4;
  --color-accent-purple: #7b2fff;
  --color-text-primary: #e8e8f0;
  --color-text-muted: #8888aa;
  --color-border: #2a2a45;
  --gradient-accent: linear-gradient(90deg, #00d4d4, #7b2fff);

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;

  --transition-base: 0.25s ease;
  --transition-slow: 0.5s ease;
  --transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-elevated: 0 14px 40px rgba(0, 0, 0, 0.35);
}