/* Bold spacing. The references breathe: the step from component padding to
   section rhythm is deliberately large — there is no mid-range crowding. */
:root {
  --space-0: 0px;
  --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;
  --space-11: 192px;
  --space-12: 256px;

  --gutter: var(--space-5);                      /* @kind spacing */
  --page-margin: clamp(24px, 5vw, 88px);         /* @kind spacing */
  --section-y: clamp(96px, 14vh, 192px);         /* @kind spacing */
  --stack-tight: var(--space-3);                 /* @kind spacing */
  --stack: var(--space-5);                       /* @kind spacing */
  --stack-loose: var(--space-8);                 /* @kind spacing */
}