/* Spacing (8pt base), radii, and box anatomy. */
:root {
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;

  --radius-control: 8px;
  --radius-nested: 16px;
  --radius-panel: 20px;
  --radius-pill: 999px;
  --radius-photo: 4px 4px 4px 38px;

  --pad-panel: 28px;
  --pad-nested: 20px;
  --pad-control: 8px 16px;
  --pad-pill: 6px 14px;

  --gap-grid: 24px;
  --gap-list: 16px;
  --gap-subsection: 48px;
  --gap-section: 96px;

  --grid-min: 280px;
  --slide-safe: 40px;
}