:root {
  --color-bg: #050505;
  --color-bg-elevated: #0a0a0a;
  --color-surface: #111111;
  --color-surface-inner: #161616;
  --color-text: #f5f5f5;
  --color-text-muted: #a3a3a3;
  --color-text-dim: #737373;
  --color-accent: #10b981;
  --color-accent-cyan: #06b6d4;
  --color-accent-glow: rgba(16, 185, 129, 0.15);
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-subtle: rgba(255, 255, 255, 0.05);

  --font-display: 'Clash Display', 'Syne', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  --radius-outer: 2rem;
  --radius-inner: calc(2rem - 0.375rem);
  --radius-pill: 9999px;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 10rem;

  --ease-fluid: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 300ms;
  --duration-normal: 500ms;
  --duration-slow: 700ms;
  --duration-reveal: 800ms;

  --nav-height: 4.5rem;
  --max-width: 1600px;
  --content-width: 1440px;
}