/* Maat, radius en schaduw. Hoeken zijn vrijwel scherp (2px, uit de codebase
   --radius: 0.125rem); alleen knoppen zijn pill-vormig. */
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;

  --radius-sharp: 2px;      /* kaarten, inputs, beeld */
  --radius-pill: 999px;     /* knoppen, chips */

  --shadow-hairline: 0 1px 2px rgba(43, 39, 34, 0.05);
  --shadow-card: 0 2px 6px rgba(43, 39, 34, 0.06);
  --shadow-float: 0 16px 40px rgba(43, 39, 34, 0.12);

  --measure: 62ch;          /* max tekstbreedte */
  --page-max: 1320px;
  --page-pad: clamp(20px, 4vw, 56px);
}