/* Spacing. 4px base. --space-* for UI; --gutter-* for the 1080px artboards. */
: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:56px;
  --space-12:64px;
  --space-14:80px;
  --space-16:96px;
  --space-20:120px;
  --space-24:160px;

  /* Artboard gutters, measured from the supplied posts/stories */
  --gutter-post:80px;      /* 1080×1350 post side margin */
  --gutter-story:80px;     /* 1080×1920 story side margin */
  --gutter-logo:56px;      /* logo lockup inset from the bottom-right corner */
  --stack-block:56px;      /* gap between content blocks on an artboard */

  --measure-narrow:34ch; /* @kind spacing */
  --measure:60ch; /* @kind spacing */
  --measure-wide:76ch; /* @kind spacing */
}