:root{
  /* 4px base, with a 6px half-step the brand's tight UI actually uses */
  --space-0:0px;
  --space-1:4px;
  --space-2:6px;
  --space-3:8px;
  --space-4:12px;
  --space-5:16px;
  --space-6:20px;
  --space-7:24px;
  --space-8:32px;
  --space-9:40px;
  --space-10:56px;
  --space-11:72px;
  --space-12:96px;
  --space-13:128px;
  --space-14:180px;

  /* Layout */
  --gutter-page:clamp(20px, 5vw, 72px); /* @kind spacing */
  --container-max:1280px; /* @kind spacing */
  --container-text:660px; /* @kind spacing */
  --section-y:clamp(56px, 8vw, 128px); /* @kind spacing */
}