/* Slowmotion ADV — spacing + layout. 4px base, 12-column grid, hard page margins. */
:root {
  --space-3xs: 2px;
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
  --space-5xl: 128px;
  --space-6xl: 192px;

  /* Layout */
  --grid-columns: 12; /* @kind other */
  --grid-gutter: 24px;
  --page-margin: 40px;
  --page-margin-tight: 20px;
  --page-max: 1680px;
  --measure: 62ch; /* @kind other */
  --measure-tight: 46ch; /* @kind other */

  /* Vertical section rhythm */
  --section-pad-y: 128px;
  --section-pad-y-tight: 64px;

  /* Control heights */
  --control-h-sm: 36px;
  --control-h-md: 48px;
  --control-h-lg: 60px;
}