/* ============================================================
   sellbase — Spacing, radius, size tokens (4px base unit)
   ============================================================ */
:root {
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* Corner radius — medium/standard SaaS scale */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 20px;
  --radius-full: 999px;

  /* Component sizing */
  --control-height-sm: 28px;
  --control-height-md: 34px;
  --control-height-lg: 40px;
  --hit-target-min: 44px; /* mobile touch target floor */

  --sidebar-width: 248px;
  --drawer-width-sm: 360px;
  --drawer-width-md: 480px;
  --drawer-width-lg: 640px;

  --container-max: 1440px;
}