: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:180px;

  --gutter-page:24px;
  --gutter-page-lg:48px;
  --grid-gap:2px;          /* image grids sit almost flush */
  --grid-gap-content:24px;
  --grid-columns:12; /* @kind other */
  --measure-prose:62ch; /* @kind other */
  --measure-narrow:44ch; /* @kind other */

  --section-y:var(--space-9);
  --section-y-lg:var(--space-11);

  --control-h-sm:34px;
  --control-h:44px;
  --control-h-lg:54px;
  --control-px:22px;
  --nav-h:64px;
}