:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;

  --gap-inline:10px; /* @kind spacing *//* icon to label */
  --gap-stack:14px; /* @kind spacing *//* paragraph rhythm */
  --gap-card:22px; /* @kind spacing *//* grid of cards */
  --pad-card:24px; /* @kind spacing */
  --pad-panel:34px 36px; /* @kind spacing */
  --section-y:74px; /* @kind spacing *//* vertical rhythm of a marketing section */
  --section-y-tight:56px; /* @kind spacing */

  --measure-col:1080px; /* @kind spacing *//* page container */
  --measure-read:700px; /* @kind spacing *//* reading column */
  --measure-prose:64ch; /* @kind spacing */
}