:root{
--sp-0:0; /* @kind spacing */
--sp-1:2px; /* @kind spacing */
--sp-2:4px; /* @kind spacing */
--sp-3:8px; /* @kind spacing */
--sp-4:12px; /* @kind spacing */
--sp-5:16px; /* @kind spacing */
--sp-6:20px; /* @kind spacing */
--sp-7:24px; /* @kind spacing */
--sp-8:32px; /* @kind spacing */
--sp-9:40px; /* @kind spacing */
--sp-10:48px; /* @kind spacing */
--sp-11:64px; /* @kind spacing */
--sp-12:80px; /* @kind spacing */
--sp-13:96px; /* @kind spacing */
--sp-14:128px; /* @kind spacing */
--sp-15:160px; /* @kind spacing */
/* layout */
--container-max:1280px; /* @kind spacing */
--container-narrow:820px; /* @kind spacing */
--gutter:24px; /* @kind spacing */
--gutter-lg:48px; /* @kind spacing */
--section-y:var(--sp-13); /* @kind spacing */
--section-y-sm:var(--sp-11); /* @kind spacing */
--header-h:72px; /* @kind spacing */
--control-h-sm:32px; /* @kind spacing */
--control-h:44px; /* @kind spacing */
--control-h-lg:56px; /* @kind spacing */
--grid-cols:12; /* @kind other */
--grid-gap:24px; /* @kind spacing */
}