:root{
--space-0:0;
--space-1:2px;
--space-2:4px;
--space-3:8px;
--space-4:12px;
--space-5:16px;
--space-6:24px;
--space-7:32px;
--space-8:40px;
--space-9:56px;
--space-10:72px;
--space-11:96px;
--space-12:128px;
--space-13:176px;
--space-14:240px;

/* Rhythm roles */
--gap-inline:var(--space-3);      /* chips, icon+label */
--gap-stack:var(--space-5);       /* paragraph rhythm */
--gap-card:var(--space-6);        /* card padding / grid gap */
--pad-card:var(--space-7);
--pad-card-lg:var(--space-9);
/* Each one step down the scale from what the kit shipped. At 96px top and bottom
   every section was holding 192px of air against its neighbour, which read as
   drift rather than rhythm. The roles keep their relationship to each other. */
--section-y:var(--space-11);      /* vertical air between sections */
--section-y-tight:var(--space-10);
--section-y-loose:var(--space-12);
}