:root {
  /* Colors */
  --color-bg: #080c18;
  --color-surface: #0d1220;
  --color-surface-2: #121828;
  --color-border: #1a2438;
  --color-text: #e8eaf6;
  --color-text-muted: #7a88a8;
  --color-accent: #6d28d9;
  --color-accent-light: #a78bfa;
  --color-cyan: #0891b2;
  --color-cyan-light: #67e8f9;

  /* Header sizes */
  --header-height: 100px;
  --header-height-shrunk: 36px;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 7rem;

  /* Typography */
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Fira Code", "Cascadia Code", Consolas, "Courier New", monospace;
  --font-display: clamp(2.4rem, 6vw, 4.5rem);
  --font-lead: clamp(1rem, 2vw, 1.2rem);

  /* Shape */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;

  /* Shadows */
  --shadow-card: 0 4px 32px rgba(0, 0, 0, 0.5);
  --shadow-glow-accent: 0 0 48px rgba(109, 40, 217, 0.25);

  /* Transitions */
  --transition-fast: 140ms ease;
  --transition-base: 280ms ease;
}