/* ============================================================
   MachineDog · SPACING, RADII & SIZING
   4px base grid. Radii run generous — glass wants soft corners.
   ============================================================ */
:root {
  /* Spacing scale (4px base) */
  --space-0: 0;
  --space-1: 0.25rem;   /* 4 */
  --space-2: 0.5rem;    /* 8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.25rem;   /* 20 */
  --space-6: 1.5rem;    /* 24 */
  --space-8: 2rem;      /* 32 */
  --space-10: 2.5rem;   /* 40 */
  --space-12: 3rem;     /* 48 */
  --space-16: 4rem;     /* 64 */
  --space-20: 5rem;     /* 80 */
  --space-24: 6rem;     /* 96 */

  /* Radii — radius base is 0.75rem (12px) */
  --radius: 0.75rem;
  --radius-sm: 0.5rem;   /* 8  — inputs, chips */
  --radius-md: 0.75rem;  /* 12 — buttons */
  --radius-lg: 1rem;     /* 16 — cards (rounded-2xl in app) */
  --radius-xl: 1.5rem;   /* 24 — hero panels */
  --radius-2xl: 2rem;    /* 32 — feature wells */
  --radius-full: 9999px; /* pills, the husky badge */

  /* Container widths */
  --width-prose: 42rem;
  --width-content: 72rem;
  --width-wide: 80rem;
}