:root{
--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;
--space-11:80px;--space-12:96px;--space-13:128px;--space-14:160px;

/* layout */
--container-sm:720px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;
--gutter-mobile:20px;--gutter-desktop:48px;
--section-y-mobile:64px;--section-y-desktop:120px;
--stack-tight:var(--space-3);--stack-default:var(--space-6);--stack-loose:var(--space-10);
}