:root {
  /* ── Palette ── */
  --bg-0:       #080808;
  --bg-1:       #0f0f0f;
  --bg-2:       #181818;
  --bg-3:       #222222;
  --white:      #f7f7f5;
  --white-mid:  #c0c0bc;
  --white-muted:#7a7a76;
  --white-dim:  #3a3a38;
  --amber:      #f5a623;
  --amber-glow: rgba(245, 166, 35, 0.10);
  --sage:       #5db870;
  --sage-dim:   rgba(93, 184, 112, 0.15);
  --danger:     #e04f3e;
  --danger-dim: rgba(224, 79, 62, 0.15);

  /* ── Spacing (4px base) ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  --s9: 96px; --s10: 128px;

  /* ── Type ── */
  --font-display: 'Cormorant Garamond', 'Georgia', serif;
  --font-body:    'Outfit', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* ── Shape ── */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 9999px;

  /* ── Motion ── */
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:   cubic-bezier(0.64, 0, 0.78, 0);
  --spring:    cubic-bezier(0.34, 1.56, 0.64, 1);
}