/* ============================================================
   Spacing & radius — Willa
   ------------------------------------------------------------
   8px base unit. Comfortable density — families aren't power
   users scanning dense data. 16px between form groups, 48px
   between major sections.
   ============================================================ */
:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-2xs: 2px;
  --space-xs: 4px;   /* label → input */
  --space-sm: 8px;
  --space-md: 16px;  /* form-group gap */
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px; /* section gap */
  --space-3xl: 64px;

  /* ---- Border radius ---- */
  --radius-sm: 4px;     /* inputs, buttons */
  --radius-md: 8px;     /* cards, panels */
  --radius-lg: 12px;    /* modals */
  --radius-full: 9999px;/* badges, pills */

  /* ---- Layout widths ---- */
  --width-form: 600px;     /* onboarding form */
  --width-email: 560px;    /* weekly email column */
  --width-admin: 1200px;   /* admin content max */
  --width-admin-nav: 200px;/* admin sidebar */

  /* ---- Borders ---- */
  --border-width: 1px;
}