/* SPACING — 4px base. Whitespace is a material: sections breathe at 96-192px. */
:root{
  --space-1:2px;
  --space-2:4px;
  --space-3:8px;
  --space-4:12px;
  --space-5:16px;
  --space-6:24px;
  --space-7:32px;
  --space-8:48px;
  --space-9:64px;
  --space-10:96px;
  --space-11:128px;
  --space-12:192px;

  --gap-inline:var(--space-4);
  --gap-stack:var(--space-5);
  --gap-block:var(--space-8);
  --section-y:var(--space-11);
  --section-y-tight:var(--space-10);
  --page-gutter:var(--space-8);
}