:root {
  /* ── Colour palette ── */
  --clr-bg:          #050505;
  --clr-bg-raised:   #0a0a0a;
  --clr-bg-card:     #0f0f0f;
  --clr-border:      rgba(255,255,255,0.10);
  --clr-border-dim:  rgba(255,255,255,0.05);
  --clr-surface:     rgba(255,255,255,0.05);
  --clr-surface-2:   rgba(255,255,255,0.08);

  --clr-text:        #ffffff;
  --clr-text-muted:  rgba(255,255,255,0.40);
  --clr-text-faint:  rgba(255,255,255,0.22);

  /* Primary: calm forest green (replaces #FF4E00) */
  --clr-primary:     #4A8C6B;
  --clr-primary-dim: rgba(74,140,107,0.15);
  --clr-primary-glow:rgba(45,102,73,0.18);
  --clr-primary-pulse:rgba(74,140,107,0.8);

  /* ── Typography ── */
  --font-sans:    'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* ── Spacing ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ── Radii ── */
  --radius-sm:   4px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* ── Motion ── */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast:  200ms;
  --dur-base:  400ms;
  --dur-slow:  800ms;
  --dur-xslow: 1500ms;

  /* ── Layout ── */
  --container:  1280px;
  --nav-height: 80px;
}