/* ===========================================================================
   Starfall Academy — Spacing, radii & sizing tokens
   A 4px base grid. Corners are restrained (Art Deco favours crisp edges) —
   nothing is pill-soft except deliberate badges.
   =========================================================================== */

:root {
  /* ---- Spacing scale (4px base) ---------------------------------------- */
  --space-0:  0;
  --space-1:  0.25rem;   /* 4  */
  --space-2:  0.5rem;    /* 8  */
  --space-3:  0.75rem;   /* 12 */
  --space-4:  1rem;      /* 16 */
  --space-5:  1.5rem;    /* 24 */
  --space-6:  2rem;      /* 32 */
  --space-7:  2.5rem;    /* 40 */
  --space-8:  3rem;      /* 48 */
  --space-9:  4rem;      /* 64 */
  --space-10: 6rem;      /* 96 */

  /* ---- Radii (crisp, Deco-restrained) ---------------------------------- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ---- Container widths ------------------------------------------------ */
  --width-prose:   68ch;
  --width-content: 1080px;
  --width-wide:    1320px;

  /* ---- Control sizing -------------------------------------------------- */
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
}