@supports (font-size: clamp(1rem, 1vw, 1rem)) { :root { --h-h6: clamp(21.69px, 0.22vw + 20.83px, 24.97px); --h-h5: clamp(23.15px, 0.33vw + 21.84px, 28.09px); --h-h4: clamp(24.7px, 0.45vw + 22.88px, 31.6px); --h-h3: clamp(26.35px, 0.61vw + 23.93px, 35.56px); --h-h2: clamp(28.12px, 0.78vw + 24.99px, 40px); --h-h1: clamp(30px, 0.99vw + 26.05px, 45px); --h-mega: clamp(45px, 0.99vw + 26.05px, 60px); } }  @supports not (font-size: clamp(1rem, 1vw, 1rem)) { :root { --h-h6: 21.69px; --h-h5: 23.15px; --h-h4: 24.7px; --h-h3: 26.35px; --h-h2: 28.12px; --h-h1: 30px; --h-mega: 45px; } @media screen and (min-width: 1920px) { :root { --h-h6: 24.97px; --h-h5: 28.09px; --h-h4: 31.6px; --h-h3: 35.56px; --h-h2: 40px; --h-h1: 45px; --h-mega: 60px; } } }  @supports (font-size: clamp(1rem, 1vw, 1rem)) { :root { --text-xs: clamp(12.34px, 0.17vw + 11.65px, 14.99px); --text-s: clamp(13.15px, 0.19vw + 12.4px, 15.96px); --text-m: clamp(14px, 0.2vw + 13.21px, 17px); --text-l: clamp(14.91px, 0.21vw + 14.07px, 18.11px); --text-xl: clamp(15.88px, 0.22vw + 14.98px, 19.28px); --text-xxl: clamp(16.91px, 0.24vw + 15.96px, 20.54px); } }