/* ============================================================================
   SellSeva — Spacing, radii, sizing
   8pt-ish grid with 4px half-steps for dense form UI.
   ========================================================================== */
:root {
  --space-0:  0;
  --space-1:  2px;
  --space-2:  4px;
  --space-3:  6px;
  --space-4:  8px;
  --space-5:  10px;
  --space-6:  12px;
  --space-7:  14px;
  --space-8:  16px;
  --space-10: 20px;
  --space-12: 24px;
  --space-14: 28px;
  --space-16: 32px;
  --space-20: 40px;
  --space-24: 48px;
  --space-32: 64px;

  /* Radii — product uses soft rounded cards + pill controls */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  8px;
  --radius-lg:  12px;   /* default card / input */
  --radius-xl:  16px;   /* large cards, modals */
  --radius-2xl: 20px;
  --radius-pill: 999px;

  /* Control heights */
  --control-sm: 32px;
  --control-md: 38px;
  --control-lg: 44px;

  /* Layout */
  --sidebar-w: 232px;
  --topbar-h: 60px;
  --rail-w: 340px;
  --content-max: 1480px;
  --field-gap: 16px;
}