:root{
  /* 6px-based scale. --space-1 is the only half step. */
  --space-1:3px;
  --space-2:6px;
  --space-3:12px;
  --space-4:18px;
  --space-5:24px;
  --space-6:30px;
  --space-7:36px;
  --space-8:48px;
  --space-9:60px;
  --space-10:72px;
  --space-11:96px;
  --space-12:120px;
  --space-13:144px;
  --space-14:180px;

  /* Layout */
  --container-max:1180px;
  --container-narrow:720px;
  --gutter:24px;
  --gutter-lg:36px;
  --section-y:96px;
  --section-y-sm:60px;
}