:root{
--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:144px;

--container-max:1240px; /* @kind spacing */
--container-narrow:820px; /* @kind spacing */
--container-text:680px; /* @kind spacing */
--gutter:clamp(20px,4vw,48px); /* @kind spacing */
--grid-gap:clamp(16px,2vw,24px); /* @kind spacing */
--split-gap:clamp(40px,7vw,120px); /* @kind spacing */
--section-y:clamp(72px,10vw,144px); /* @kind spacing */
--header-h:88px; /* @kind spacing */
--header-h-mobile:68px; /* @kind spacing */
}