:root{
--container-max:1240px; /* @kind spacing */
--container-narrow:760px; /* @kind spacing */
--container-wide:1440px; /* @kind spacing */
--grid-columns-desktop:12; /* @kind other */
--grid-columns-tablet:8; /* @kind other */
--grid-columns-mobile:4; /* @kind other */
--gutter-desktop:32px; /* @kind spacing */
--gutter-tablet:24px; /* @kind spacing */
--gutter-mobile:16px; /* @kind spacing */
--margin-desktop:64px; /* @kind spacing */
--margin-tablet:32px; /* @kind spacing */
--margin-mobile:20px; /* @kind spacing */
--bp-xs:480px; /* @kind other */
--bp-sm:768px; /* @kind other */
--bp-md:1024px; /* @kind other */
--bp-lg:1280px; /* @kind other */
--bp-xl:1536px; /* @kind other */
--header-h:88px; /* @kind spacing */
--header-h-condensed:64px; /* @kind spacing */
--touch-min:44px; /* @kind spacing */
}