:root {
  /* Color */
  --bg: #0A0B0F;
  --bg-elevated: #13141A;
  --bg-elevated-2: #1A1B23;
  --text-primary: #EDEDF2;
  --text-muted: #8B8D9A;
  --accent-primary: #6C5CE7;
  --accent-primary-dim: #6C5CE733;
  --accent-glow: #00D9FF;
  --accent-glow-dim: #00D9FF33;
  --border-subtle: #ffffff14;
  --border-glow: #6C5CE766;

  /* Type */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Scale */
  --step--1: clamp(0.83rem, 0.8rem + 0.1vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  --step-2: clamp(1.6rem, 1.4rem + 0.8vw, 2.1rem);
  --step-3: clamp(2rem, 1.7rem + 1.4vw, 3rem);
  --step-4: clamp(2.6rem, 2.1rem + 2.2vw, 4.2rem);
  --step-5: clamp(3.2rem, 2.4rem + 3.6vw, 5.6rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Layout */
  --content-width: 1200px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-med: 400ms;
  --duration-slow: 800ms;
}