:root{
/* 4px base. Steps 1–10 cover component to section rhythm. */
--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
/* Layout */
--page-max:1320px;
--page-gutter:clamp(20px,4vw,64px); /* @kind spacing */
--section-y:clamp(64px,7vw,128px); /* @kind spacing */
--section-y-tight:clamp(40px,4vw,72px); /* @kind spacing */
--grid-cols:12; /* @kind other */
--grid-gap:24px;
/* Control heights — keep controls on a strict 4px ladder */
--control-h-sm:32px;--control-h:44px;--control-h-lg:52px;
}