:root{
  /* 8px base; the large end of the scale is where the luxury lives */
  --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:160px;
  --space-12:200px;

  --section-y:clamp(96px,11vw,200px); /* @kind spacing */
  --section-y-tight:clamp(64px,7vw,120px); /* @kind spacing */
  --gutter:clamp(24px,5vw,80px); /* @kind spacing */

  --measure:64ch; /* @kind spacing */ /* body copy max line length */
  --container:1320px; /* @kind spacing */
  --container-narrow:880px; /* @kind spacing */

  --radius-0:0px;
  --radius-1:2px;          /* inputs, tags */
  --radius-2:4px;          /* buttons */
  --radius-3:8px;          /* panels, dialogs */
  --radius-4:14px;         /* large media surfaces only */
  --radius-full:999px;     /* dots + switches only */

  --border-w:1px;          /* the only border width in the system */
}