/* §05 Grid & Space — twelve columns, 24px gutters, content held to seven columns.
   Vertical rhythm on an 8px base. When a layout feels unfinished, add space. */
:root{
  --space-1:4px;  --space-2:8px;  --space-3:16px; --space-4:24px;
  --space-5:32px; --space-6:48px; --space-7:64px; --space-8:96px;
  --space-9:120px; --space-10:180px;

  --grid-columns:12/* @kind other */;
  --grid-gutter:24px;
  --measure-columns:7/* @kind other */;          /* content never exceeds seven of twelve */
  --container-max:1240px;
  --container-content:780px;    /* seven columns at max width */
  --container-pad:48px;

  --section-pad-y:120px;        /* 120–180px on web */
  --section-pad-y-lg:180px;
  --print-margin:1.25in;

  --colonnade-rhythm:22px;      /* hairline verticals on a 22px rhythm */
  --logo-clearspace:1em;        /* equals the wordmark cap height */
}