:root{
/* 4px base, generous upper end — the brand runs on whitespace */
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--space-11:176px;

--section-y:var(--space-10);      /* desktop section rhythm */
--section-y-tight:var(--space-9);
--section-y-mobile:var(--space-8);

--gutter:var(--space-5);
--gutter-lg:var(--space-7);
--container:1280px; /* @kind spacing */
--container-narrow:840px;
--container-wide:1600px;
}