:root{
  --space-0:0; --space-1:2px; --space-2:4px; --space-3:8px; --space-4:12px;
  --space-5:16px; --space-6:20px; --space-7:24px; --space-8:32px; --space-9:40px;
  --space-10:48px; --space-11:64px; --space-12:96px; --space-13:128px;

  --gutter-inline:24px;        /* app padding, mobile page padding */
  --gutter-page:48px;          /* marketing page padding */
  --measure-prose:64ch;
  --width-container:1240px;
  --width-narrow:760px;
  --height-control:36px;       /* default button / input */
  --height-control-sm:28px;
  --height-control-lg:48px;
  --height-topbar:56px;
  --width-sidebar:248px;
  --perf-pitch:8px;            /* distance between perforation ticks */
}