:root{
  /* 4px base grid */
  --space-0:0;
  --space-1:0.25rem;  /* 4  */
  --space-2:0.5rem;   /* 8  */
  --space-3:0.75rem;  /* 12 */
  --space-4:1rem;     /* 16 */
  --space-5:1.25rem;  /* 20 */
  --space-6:1.5rem;   /* 24 */
  --space-8:2rem;     /* 32 */
  --space-10:2.5rem;  /* 40 */
  --space-12:3rem;    /* 48 */
  --space-16:4rem;    /* 64 */
  --space-20:5rem;    /* 80 */
  --space-24:6rem;    /* 96 */
  --space-32:8rem;    /* 128 */
  --space-40:10rem;   /* 160 */

  --section-y:clamp(4rem,9vw,7.5rem); /* @kind spacing */
  --gutter:clamp(1.25rem,4vw,2.5rem); /* @kind spacing */
  --stack-tight:var(--space-3);
  --stack-default:var(--space-6);
  --stack-loose:var(--space-12);
}