/* §09 Layout. 8px base. Never invent an intermediate value. */
:root{
  --gt-1:8px;  --gt-2:16px; --gt-3:24px;  --gt-4:32px;
  --gt-6:48px; --gt-8:64px; --gt-12:96px; --gt-16:128px;

  --space-1:var(--gt-1); --space-2:var(--gt-2); --space-3:var(--gt-3);
  --space-4:var(--gt-4); --space-6:var(--gt-6); --space-8:var(--gt-8);
  --space-12:var(--gt-12); --space-16:var(--gt-16);

  --section-padding:96px;
  --section-padding-mobile:56px;
  --grid-columns:12; /* @kind other */
  --grid-gutter:24px;
  --content-max:1200px;
}