/* ============================================================
   Manuel — Spacing & radii tokens
   The app leans on fully-rounded pills (radius 61px) and soft,
   generously-rounded cards (16–24px). Spacing is a loose 4px rhythm.
   ============================================================ */
:root {
  /* Spacing scale */
  --sp-1:   4px;
  --sp-2:   8px;
  --sp-3:   12px;
  --sp-4:   16px;
  --sp-5:   20px;
  --sp-6:   24px;
  --sp-8:   32px;
  --sp-10:  40px;
  --sp-12:  48px;
  --sp-16:  64px;

  /* Corner radii — observed values, not snapped to a grid */
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --radius-xl:    24px;
  --radius-2xl:   32px;
  --radius-pill:  61px;   /* the signature fully-rounded pill */
  --radius-round: 50%;
}