/* ─────────────────────────────────────────────
   SPACING — Helping Hand Center Design System
   Base unit: 8px
   ───────────────────────────────────────────── */

:root {
  --space-xxs:     2px;   /* tight internal nudges */
  --space-xs:      4px;   /* badge padding vertical */
  --space-sm:      8px;   /* base unit — form padding vertical, ghost button padding */
  --space-md:      12px;  /* button padding horizontal, form padding horizontal */
  --space-lg:      16px;  /* button padding horizontal (primary), card compact padding */
  --space-xl:      24px;  /* nav horizontal, card group gaps */
  --space-xxl:     32px;  /* card internal padding */
  --space-section: 96px;  /* major page-band gaps — collapse to 32–48px on mobile */
}