:root{
  --space-0:0;
  --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:180px;
  --space-12:240px;

  /* layout */
  --page-margin:clamp(20px,4.5vw,72px);
  --grid-columns:12; /* @kind other */
  --grid-gutter:clamp(16px,1.7vw,28px); /* @kind spacing */
  --container-max:1680px;
  --measure:62ch;
  --section-pad-y:clamp(96px,14vh,240px);

  /* radii — near-square by rule */
  --radius-0:0px;
  --radius-1:2px;
  --radius-pill:999px;
}