:root{--primary:hsl(238,100%,62%);--primary-5:hsla(238,100%,62%,0.05);--primary-10:hsla(238,100%,62%,0.1);--primary-20:hsla(238,100%,62%,0.2);--primary-30:hsla(238,100%,62%,0.3);--primary-40:hsla(238,100%,62%,0.4);--primary-50:hsla(238,100%,62%,0.5);--primary-60:hsla(238,100%,62%,0.6);--primary-70:hsla(238,100%,62%,0.7);--primary-80:hsla(238,100%,62%,0.8);--primary-90:hsla(238,100%,62%,0.9);--primary-d-1:hsl(240,56%,50%);--primary-d-2:hsl(243,54%,37%);--primary-d-3:hsl(246,51%,25%);--primary-d-4:hsl(250,43%,13%);--primary-l-1:hsl(247,100%,70%);--primary-l-2:hsl(251,100%,77%);--primary-l-3:hsl(254,100%,85%);--primary-l-4:hsl(256,100%,92%);--secondary:hsl(0,94%,68%);--secondary-5:hsla(0,94%,68%,0.05);--secondary-10:hsla(0,94%,68%,0.1);--secondary-20:hsla(0,94%,68%,0.2);--secondary-30:hsla(0,94%,68%,0.3);--secondary-40:hsla(0,94%,68%,0.4);--secondary-50:hsla(0,94%,68%,0.5);--secondary-60:hsla(0,94%,68%,0.6);--secondary-70:hsla(0,94%,68%,0.7);--secondary-80:hsla(0,94%,68%,0.8);--secondary-90:hsla(0,94%,68%,0.9);--secondary-d-1:hsl(1,50%,53%);--secondary-d-2:hsl(1,42%,40%);--secondary-d-3:hsl(2,40%,26%);--secondary-d-4:hsl(4,35%,14%);--secondary-l-1:hsl(3,100%,75%);--secondary-l-2:hsl(5,100%,81%);--secondary-l-3:hsl(6,100%,87%);--secondary-l-4:hsl(7,100%,93%);--tertiary:hsl(198,74%,51%);--tertiary-5:hsla(198,74%,51%,0.05);--tertiary-10:hsla(198,74%,51%,0.1);--tertiary-20:hsla(198,74%,51%,0.2);--tertiary-30:hsla(198,74%,51%,0.3);--tertiary-40:hsla(198,74%,51%,0.4);--tertiary-50:hsla(198,74%,51%,0.5);--tertiary-60:hsla(198,74%,51%,0.6);--tertiary-70:hsla(198,74%,51%,0.7);--tertiary-80:hsla(198,74%,51%,0.8);--tertiary-90:hsla(198,74%,51%,0.9);--tertiary-d-1:hsl(199,63%,42%);--tertiary-d-2:hsl(200,55%,32%);--tertiary-d-3:hsl(201,46%,22%);--tertiary-d-4:hsl(203,35%,13%);--tertiary-l-1:hsl(202,71%,65%);--tertiary-l-2:hsl(203,70%,75%);--tertiary-l-3:hsl(204,70%,84%);--tertiary-l-4:hsl(205,70%,92%);--bg-body:hsla(0,0%,90%,1);--bg-surface:hsla(0,0%,100%,1);--text-body:hsla(0,0%,25%,1);--text-title:hsla(0,0%,0%,1);--border-primary:hsla(0,0%,50%,0.25);--shadow-primary:hsla(0,0%,0%,0.15);--light:hsl(85,0%,100%);--light-5:hsla(0,0%,100%,0.05);--light-10:hsla(0,0%,100%,0.1);--light-20:hsla(0,0%,100%,0.2);--light-30:hsla(0,0%,100%,0.3);--light-40:hsla(0,0%,100%,0.4);--light-50:hsla(0,0%,100%,0.5);--light-60:hsla(0,0%,100%,0.6);--light-70:hsla(0,0%,100%,0.7);--light-80:hsla(0,0%,100%,0.8);--light-90:hsla(0,0%,100%,0.9);--dark:hsla(0,0%,0%,1);--dark-5:hsla(0,0%,0%,0.05);--dark-10:hsla(0,0%,0%,0.1);--dark-20:hsla(0,0%,0%,0.2);--dark-30:hsla(0,0%,0%,0.3);--dark-40:hsla(0,0%,0%,0.4);--dark-50:hsla(0,0%,0%,0.5);--dark-60:hsla(0,0%,0%,0.6);--dark-70:hsla(0,0%,0%,0.7);--dark-80:hsla(0,0%,0%,0.8);--dark-90:hsla(0,0%,0%,0.9);--success:hsl(136,95%,56%);--success-5:hsla(136,95%,56%,0.05);--success-10:hsla(136,95%,56%,0.1);--success-20:hsla(136,95%,56%,0.2);--success-30:hsla(136,95%,56%,0.3);--success-40:hsla(136,95%,56%,0.4);--success-50:hsla(136,95%,56%,0.5);--success-60:hsla(136,95%,56%,0.6);--success-70:hsla(136,95%,56%,0.7);--success-80:hsla(136,95%,56%,0.8);--success-90:hsla(136,95%,56%,0.9);--error:hsl(351,95%,56%);--error-5:hsla(351,95%,56%,0.05);--error-10:hsla(351,95%,56%,0.1);--error-20:hsla(351,95%,56%,0.2);--error-30:hsla(351,95%,56%,0.3);--error-40:hsla(351,95%,56%,0.4);--error-50:hsla(351,95%,56%,0.5);--error-60:hsla(351,95%,56%,0.6);--error-70:hsla(351,95%,56%,0.7);--error-80:hsla(351,95%,56%,0.8);--error-90:hsla(351,95%,56%,0.9);--space-4xs:clamp(0.33rem,calc(-0.03vw + 0.33rem),0.31rem);--space-3xs:clamp(0.41rem,calc(0.05vw + 0.4rem),0.44rem);--space-2xs:clamp(0.51rem,calc(0.18vw + 0.48rem),0.62rem);--space-xs:clamp(0.64rem,calc(0.39vw + 0.56rem),0.88rem);--space-s:clamp(0.8rem,calc(0.73vw + 0.65rem),1.24rem);--space-m:clamp(1rem,calc(1.25vw + 0.75rem),1.75rem);--space-l:clamp(1.25rem,calc(2.04vw + 0.84rem),2.47rem);--space-xl:clamp(1.56rem,calc(3.23vw + 0.92rem),3.5rem);--space-2xl:clamp(1.95rem,calc(4.99vw + 0.95rem),4.95rem);--space-3xl:clamp(2.44rem,calc(7.59vw + 0.92rem),7rem);--space-4xl:clamp(3.05rem,calc(11.4vw + 0.77rem),9.89rem);--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);--text-xs:clamp(0.79rem,calc(-0.26vw + 0.84rem),0.63rem);--text-s:clamp(0.89rem,calc(-0.07vw + 0.9rem),0.84rem);--text-m:clamp(1rem,calc(0.21vw + 0.96rem),1.13rem);--text-l:clamp(1.13rem,calc(0.62vw + 1rem),1.5rem);--text-xl:clamp(1.27rem,calc(1.22vw + 1.02rem),2rem);--text-2xl:clamp(1.42rem,calc(2.07vw + 1.01rem),2.66rem);--text-3xl:clamp(1.6rem,calc(3.25vw + 0.95rem),3.55rem);--text-4xl:clamp(1.8rem,calc(4.89vw + 0.82rem),4.74rem);--hero-title-size:var(--text-4xl);--post-title-size:var(--text-2xl);--nav-link-size:var(--text-s);--radius-xs:clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s:clamp(0.38rem,calc(0.21vw + 0.33rem),0.5rem);--radius-m:clamp(0.63rem,calc(0.21vw + 0.58rem),0.75rem);--radius-l:clamp(1rem,calc(0.42vw + 0.92rem),1.25rem);--radius-xl:clamp(1.63rem,calc(0.63vw + 1.5rem),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);}H1{font-size:var(--text-4xl);line-height:1.1;}H2{font-size:var(--text-xl);line-height:1.2;}H3{font-size:var(--text-l);line-height:1.3;}H4{font-size:var(--text-xl);line-height:1.3;}H5{font-size:var(--text-l);line-height:1.3;}H6{font-size:var(--text-m);line-height:1.4;}