:root{
--sp-0:0px;
--sp-1:4px;
--sp-2:8px;
--sp-3:12px;
--sp-4:16px;
--sp-5:20px;
--sp-6:24px;
--sp-7:28px;
--sp-8:32px;
--sp-9:36px;
--sp-10:40px;
--sp-12:48px;
--sp-16:64px;
--sp-20:80px;
--sp-24:96px;
--sp-32:128px;
--sp-40:160px;
--sp-48:192px;

--gutter:clamp(20px,4vw,48px); /* @kind spacing */
--section-y:clamp(72px,10vw,var(--sp-40));
--stack-tight:var(--sp-3);
--stack:var(--sp-6);
--stack-loose:var(--sp-12);

--container-sm:640px;
--container-md:880px;
--container-lg:1160px;
--container-xl:1400px;
--grid-cols:12; /* @kind other */
--grid-gap:var(--sp-6);
}