:root{
/* 4px base, but the rhythm is tidal: sections step 96 / 128 / 160 rather than doubling. */
--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:160px;

--section-y:clamp(72px,10vw,var(--space-10));
--section-y-tall:clamp(96px,13vw,var(--space-11));
--gutter:clamp(20px,5vw,48px); /* @kind spacing */
--container:1280px;
--container-narrow:820px;

--radius-sm:4px;
--radius-md:8px;
--radius-lg:14px;
--radius-xl:22px;
--radius-pill:999px;

--control-h:48px;
--control-h-sm:38px;
--tap-min:44px;
}