:root{
--space-0:0;
--space-1:8px;
--space-2:16px;
--space-3:24px;
--space-4:32px;
--space-5:40px;
--space-6:48px;
--space-7:56px;
--space-8:64px;
--space-9:72px;
--space-10:80px;
--space-12:96px;
--space-16:128px;
--space-20:160px;
--space-24:192px;

--content-max-width:1320px;
--gutter-desktop:40px;
--gutter-tablet:28px;
--gutter-mobile:20px;

--section-padding-y:clamp(64px,7vw,160px);
--section-padding-y-compact:clamp(48px,5vw,96px);
--card-padding:clamp(24px,2vw,40px);

--bp-mobile:360px;
--bp-tablet:768px;
--bp-laptop:1024px;
--bp-desktop:1440px;
--bp-4k:1920px;
}