:root{
--container-max:1200px;--container-narrow:720px;--container-wide:1440px;--container-pad:24px;--container-pad-lg:40px;
--grid-gutter:24px;
--grid-columns:12; /* @kind other */
--header-height:72px;--header-height-compact:60px;
--tap-target-min:44px;
--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;
--z-base:0; /* @kind other */
--z-raised:10; /* @kind other */
--z-sticky:100; /* @kind other */
--z-header:200; /* @kind other */
--z-overlay:800; /* @kind other */
--z-modal:900; /* @kind other */
--z-toast:1000; /* @kind other */
}