:root{
--container-xs:640px;
--container-sm:840px;
--container-md:1080px;
--container-lg:1280px;
--container-xl:1440px;
--container-max:1440px;
--container-wide:1600px;
--container-full:100%;

--grid-columns:12; /* @kind other */
--grid-gap:24px; /* @kind spacing */
--gutter:clamp(20px,5vw,96px); /* @kind spacing */

--measure-narrow:44ch; /* @kind other */
--measure:62ch; /* @kind other */

--nav-height:76px;
--nav-height-scrolled:64px;

--z-base:0; /* @kind other */
--z-sticky:100; /* @kind other */
--z-nav:200; /* @kind other */
--z-megamenu:210; /* @kind other */
--z-overlay:300; /* @kind other */
--z-modal:400; /* @kind other */
}
@media (max-width:1024px){:root{--grid-columns:8; /* @kind other */--grid-gap:24px; /* @kind spacing */--nav-height:68px}}
@media (max-width:640px){:root{--grid-columns:4; /* @kind other */--grid-gap:16px;--nav-height:60px}}