:root{
  /* 4px base, with a 6px half-step for hairline-dense UI */
  --space-0:0;
  --space-1:.25rem;   /* 4 */
  --space-2:.375rem;  /* 6 */
  --space-3:.5rem;    /* 8 */
  --space-4:.75rem;   /* 12 */
  --space-5:1rem;     /* 16 */
  --space-6:1.25rem;  /* 20 */
  --space-7:1.5rem;   /* 24 */
  --space-8:2rem;     /* 32 */
  --space-9:2.5rem;   /* 40 */
  --space-10:3rem;    /* 48 */
  --space-11:4rem;    /* 64 */
  --space-12:5rem;    /* 80 */
  --space-13:7rem;    /* 112 */

  /* Layout */
  --gutter-page:clamp(1.25rem,4vw,3.5rem); /* @kind spacing */
  --container-max:1240px; /* @kind spacing */
  --container-reading:720px; /* @kind spacing */
  --section-y:clamp(3rem,7vw,7rem); /* @kind spacing */
  --grid-gap:1.5rem;
}