:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-7:32px;
--space-8:40px;
--space-9:48px;
--space-10:64px;
--space-11:80px;
--space-12:96px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:20px;
--radius-xl:24px;
--radius-2xl:28px;
--radius-button:12px;
--radius-card:20px;
--container-max:1440px;
--container:1360px;
--gutter:clamp(16px,2.8vw,48px);
--grid-columns:12; /* @kind other */
--grid-gap:24px;
--nav-height:68px;
--section-gap:clamp(64px,7vw,96px);
--hit-target:44px;
}
@media (max-width:1024px){:root{--grid-columns:8; /* @kind other */--grid-gap:20px;--gutter:24px}}
@media (max-width:639px){:root{--grid-columns:4; /* @kind other */--grid-gap:16px;--gutter:16px;--nav-height:60px}}