/* ============================================================
   Future Self Now — Spacing, radius, layout tokens
   8px base rhythm, with a couple of fine steps for UI.
   ============================================================ */
:root {
  /* ---------- Spacing scale (8px rhythm) ---------- */
  --space-0:   0;
  --space-1:   0.25rem;  /*  4px */
  --space-2:   0.5rem;   /*  8px */
  --space-3:   0.75rem;  /* 12px */
  --space-4:   1rem;     /* 16px */
  --space-5:   1.5rem;   /* 24px */
  --space-6:   2rem;     /* 32px */
  --space-7:   3rem;     /* 48px */
  --space-8:   4rem;     /* 64px */
  --space-9:   6rem;     /* 96px */
  --space-10:  8rem;     /* 128px */

  /* ---------- Radii — soft, rounded, friendly (festival, not corporate) ---------- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-2xl:  44px;
  --radius-pill: 999px;
  --radius-blob: 42% 58% 60% 40% / 48% 42% 58% 52%;  /* organic blob shape */

  /* ---------- Layout ---------- */
  --container-sm:  640px;
  --container-md:  860px;
  --container-lg:  1100px;
  --container-xl:  1320px;
  --gutter:        clamp(1.25rem, 4vw, 4rem);   /* @kind spacing */
  --section-y:     clamp(3.5rem, 8vw, 8rem);    /* @kind spacing */
}