html{font-size:62.5%;}:root{--min-screen-width:320px;--max-screen-width:1600px;--primary:hsla(238,100%,62%,1);--secondary:hsla(0,94%,68%,1);--tertiary:hsla(198,74%,51%,1);--bg-body:hsla(0,0%,0%,1);--bg-box:hsla(0,0%,7%,1);--bg-body-w:hsla(0,0%,98%,1);--text-body:hsla(0,0%,100%,1);--text-title:hsla(0,0%,59%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsl(85,0%,100%);--dark:hsla(0,0%,0%,1);--success:hsl(136,95%,56%);--error:hsl(351,95%,56%);--space-4xs:clamp(0.52rem,calc(-0.02vw + 0.53rem),0.49rem);--space-3xs:clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs:clamp(0.82rem,calc(0.13vw + 0.78rem),0.99rem);--space-xs:clamp(1.02rem,calc(0.29vw + 0.93rem),1.4rem);--space-s:clamp(1.28rem,calc(0.55vw + 1.1rem),1.98rem);--space-m:clamp(1.6rem,calc(0.94vw + 1.3rem),2.8rem);--space-l:clamp(2rem,calc(1.53vw + 1.51rem),3.96rem);--space-xl:clamp(2.5rem,calc(2.42vw + 1.73rem),5.6rem);--space-2xl:clamp(3.13rem,calc(3.74vw + 1.93rem),7.92rem);--space-3xl:clamp(3.91rem,calc(5.69vw + 2.08rem),11.19rem);--space-4xl:clamp(4.88rem,calc(8.55vw + 2.15rem),15.83rem);--text-xs:clamp(1.26rem,calc(-0.2vw + 1.33rem),1.01rem);--text-s:clamp(1.42rem,calc(0.14vw + 1.38rem),1.6rem);--text-m:clamp(1.6rem,calc(0.16vw + 1.55rem),1.8rem);--text-l:clamp(1.8rem,calc(0.47vw + 1.65rem),2.4rem);--text-xl:clamp(2.02rem,calc(0.92vw + 1.73rem),3.2rem);--text-2xl:clamp(2.28rem,calc(1.55vw + 1.78rem),4.26rem);--text-3xl:clamp(2.56rem,calc(2.44vw + 1.78rem),5.68rem);--text-4xl:clamp(2.88rem,calc(3.67vw + 1.71rem),7.58rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--header-space:var(--space-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--footer-space:var(--space-s) var(--space-m);--radius-xs:clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s:clamp(0.6rem,calc(0.16vw + 0.55rem),0.8rem);--radius-m:clamp(1rem,calc(0.16vw + 0.95rem),1.2rem);--radius-l:clamp(1.6rem,calc(0.31vw + 1.5rem),2rem);--radius-xl:clamp(2.6rem,calc(0.47vw + 2.45rem),3.2rem);--radius-full:999rem;--shadow-xs:0 1px 2px var(--shadow-primary);--shadow-s:0 1.5px 3px var(--shadow-primary);--shadow-m:0 2px 6px var(--shadow-primary);--shadow-l:0 3px 12px var(--shadow-primary);--shadow-xl:0 6px 48px var(--shadow-primary);}