/* ============================================================
   Design System: Spacing & Radii
   Generous white space. Pill radius for buttons.
   ============================================================ */

:root {
  /* ---- Spacing scale ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 80px;
  --space-10: 120px;

  /* ---- Radii ---- */
  --r-sm: 14px;   /* small — inputs, chips */
  --r-md: 22px;   /* medium — cards */
  --r-lg: 34px;   /* large — pricing / feature cards */
  --r-pill: 999px;/* pill — buttons, badges */

  /* ---- Layout ---- */
  --maxw: 1180px;   /* @kind spacing */
  --gutter: 28px;   /* @kind spacing */
}