:root {
  /* ─── Color palette ─── */
  --black:   #080808;
  --white:   #f5f2eb;
  --accent:  #c8f050;   /* lime */
  --accent2: #50f0c8;   /* teal */

  /* Dimmed variants */
  --accent-dim:    rgba(200,240,80,0.03);
  --accent-border: rgba(200,240,80,0.15);
  --accent-glow:   rgba(200,240,80,0.25);

  --white-06: rgba(245,242,235,0.06);
  --white-12: rgba(245,242,235,0.12);
  --white-25: rgba(245,242,235,0.25);
  --white-40: rgba(245,242,235,0.4);
  --white-60: rgba(245,242,235,0.6);

  /* ─── Typography ─── */
  --font-display: 'Space Grotesk', sans-serif;
  --font-head:    'Syne', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* ─── Spacing scale ─── */
  --s1: 8px;   --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px;  --s6: 64px;  --s7: 96px;  --s8: 128px;

  /* ─── Layout ─── */
  --pad-x:      clamp(24px, 5vw, 80px);
  --section-py: clamp(64px, 9vh, 120px);
  --max-w:      1280px;

  /* ─── Misc ─── */
  --radius:      6px;
  --radius-lg:   12px;
  --radius-pill: 999px;
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
}