/* ============================================================
   SPACING & RADII
   Source uses generous, slightly-irrational rem radii
   (1.1rem … 2.2rem) — copied verbatim, not snapped to a grid.
   ============================================================ */

:root {
  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* ---- Corner radii (verbatim from source) ---- */
  --radius-pill:  9999px;     /* rounded-full chips / buttons */
  --radius-sm:    17.6px;     /* 1.1rem — name plate */
  --radius-md:    20.8px;     /* 1.3rem — detail card */
  --radius-lg:    23.2px;     /* 1.45rem — side card */
  --radius-xl:    25.6px;     /* 1.6rem — inner panel */
  --radius-2xl:   32px;       /* 2rem — hero panel */
  --radius-3xl:   35.2px;     /* 2.2rem — modal */

  /* ---- Semantic ---- */
  --radius-card:   var(--radius-2xl);
  --radius-control:var(--radius-pill);
}