/* ============================================================
   Dabuller — Spacing & sizing tokens
   4px base grid. Field-app touch targets are generous (44px min).
   ============================================================ */

:root {
  --space-0:   0;
  --space-1:   2px;
  --space-2:   4px;
  --space-3:   8px;
  --space-4:   12px;
  --space-5:   16px;
  --space-6:   20px;
  --space-7:   24px;
  --space-8:   32px;
  --space-9:   40px;
  --space-10:  48px;
  --space-11:  64px;
  --space-12:  80px;
  --space-13:  96px;

  /* Layout */
  --container-max:   1200px;
  --gutter:          24px;
  --gutter-mobile:   16px;

  /* Touch targets (field use — gloves, sunlight) */
  --target-min:      44px;
  --control-sm:      36px;
  --control-md:      44px;
  --control-lg:      52px;

  /* Mobile frame */
  --app-width:       390px;
  --app-bar:         56px;   /* top app bar */
  --app-tabbar:      64px;   /* bottom nav */
}