:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--sp-11:96px;--sp-12:128px;--sp-xxs:4px;--sp-xs:8px;--sp-sm:12px;--sp-base:16px;--sp-md:20px;--sp-lg:24px;--sp-xl:32px;--sp-xxl:56px;--sp-section:96px;--gutter:24px;--gutter-lg:40px;--page-max:1240px;--page-pad:32px;--stack-tight:var(--sp-2);--stack:var(--sp-4);--stack-loose:var(--sp-7);--section-gap:var(--sp-11);--grid-cols:12}@media (max-width:768px){:root{--page-pad:20px;--gutter:16px;--section-gap:var(--sp-9)}}