/* FitBuddy spacing, 4px base, mobile-thumb friendly.
   Component interiors use 12/16; screen gutters 22 mobile / 48 desktop;
   section rhythm 32/48/64. */
:root {
  --sp-0: 0px;
  --sp-025: 2px;
  --sp-05: 4px;
  --sp-075: 6px;
  --sp-1: 8px;
  --sp-15: 12px;
  --sp-2: 16px;
  --sp-25: 20px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 40px;
  --sp-6: 48px;
  --sp-8: 64px;
  --sp-10: 80px;
  --sp-12: 96px;
  --sp-16: 128px;
  --sp-20: 160px;

  /* Minimum comfortable hit target, never smaller, on any surface */
  --hit-min: 44px;
  --hit-comfortable: 48px;
}