:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1280px;--primary: hsla(200,80%,10%,1);--secondary: hsla(0,65%,35%,1);--tertiary: hsla(200,40%,50%,1);--accent: hsla(40,70%,50%,1);--primary-dm: hsla(200,80%,10%,1);--text-body: hsla(200,30%,10%,1);--text-heading: hsla(200,10%,10%,1);--bg-body: hsla(40,30%,90%,1);--bg-body-5: hsla(40,30%,90%,0.05);--bg-body-10: hsla(40,30%,90%,0.1);--bg-body-20: hsla(40,30%,90%,0.2);--bg-body-30: hsla(40,30%,90%,0.3);--bg-body-40: hsla(40,30%,90%,0.4);--bg-body-50: hsla(40,30%,90%,0.5);--bg-body-60: hsla(40,30%,90%,0.6);--bg-body-70: hsla(40,30%,90%,0.7);--bg-body-80: hsla(40,30%,90%,0.8);--bg-body-90: hsla(40,30%,90%,0.9);--bg-surface: hsla(40,30%,80%,1);--bg-surface-5: hsla(40,30%,80%,0.05);--bg-surface-10: hsla(40,30%,80%,0.1);--bg-surface-20: hsla(40,30%,80%,0.2);--bg-surface-30: hsla(40,30%,80%,0.3);--bg-surface-40: hsla(40,30%,80%,0.4);--bg-surface-50: hsla(40,30%,80%,0.5);--bg-surface-60: hsla(40,30%,80%,0.6);--bg-surface-70: hsla(40,30%,80%,0.7);--bg-surface-80: hsla(40,30%,80%,0.8);--bg-surface-90: hsla(40,30%,80%,0.9);--light: hsla(40,30%,90%,1);--light-5: hsla(40,30%,90%,0.05);--light-10: hsla(40,30%,90%,0.1);--light-20: hsla(40,30%,90%,0.2);--light-30: hsla(40,30%,90%,0.3);--light-40: hsla(40,30%,90%,0.4);--light-50: hsla(40,30%,90%,0.5);--light-60: hsla(40,30%,90%,0.6);--light-70: hsla(40,30%,90%,0.7);--light-80: hsla(40,30%,90%,0.8);--light-90: hsla(40,30%,90%,0.9);--dark: hsla(200,20%,10%,1);--dark-5: hsla(200,20%,10%,0.05);--dark-10: hsla(200,20%,10%,0.1);--dark-20: hsla(200,20%,10%,0.2);--dark-30: hsla(200,20%,10%,0.3);--dark-40: hsla(200,20%,10%,0.4);--dark-50: hsla(200,20%,10%,0.5);--dark-60: hsla(200,20%,10%,0.6);--dark-70: hsla(200,20%,10%,0.7);--dark-80: hsla(200,20%,10%,0.8);--dark-90: hsla(200,20%,10%,0.9);--transparent: hsla(0,0%,0%,0);--info: hsla(200,40%,50%,1);--success: hsla(140,40%,50%,1);--warning: hsla(40,70%,60%,1);--error: hsla(0,65%,55%,1);--space-xs: clamp(1rem,calc(0vw + 1rem),1rem);--space-s: clamp(1.28rem,calc(0.14vw + 1.23rem),1.41rem);--space-m: clamp(1.6rem,calc(0.42vw + 1.47rem),2rem);--space-l: clamp(2rem,calc(0.86vw + 1.72rem),2.83rem);--space-xl: clamp(2.5rem,calc(1.56vw + 2rem),4rem);--text-xs: clamp(1.25rem,calc(0.03vw + 1.24rem),1.28rem);--text-s: clamp(1.5rem,calc(0.1vw + 1.47rem),1.6rem);--text-m: clamp(1.8rem,calc(0.21vw + 1.73rem),2rem);--text-l: clamp(2.16rem,calc(0.35vw + 2.05rem),2.5rem);--text-xl: clamp(2.59rem,calc(0.56vw + 2.41rem),3.13rem);--heading-xs: clamp(1.32rem,calc(0.49vw + 1.16rem),1.79rem);--heading-s: clamp(1.58rem,calc(0.68vw + 1.36rem),2.24rem);--heading-m: clamp(1.9rem,calc(0.94vw + 1.6rem),2.8rem);--heading-l: clamp(2.28rem,calc(1.27vw + 1.87rem),3.5rem);--heading-xl: clamp(2.74rem,calc(1.71vw + 2.19rem),4.38rem);--heading-2xl: clamp(3.28rem,calc(2.28vw + 2.56rem),5.47rem);--heading-3xl: clamp(3.94rem,calc(3.02vw + 2.97rem),6.84rem);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.21vw + 0.53rem),0.8rem);--radius-m: clamp(1rem,calc(0.21vw + 0.93rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.42vw + 1.47rem),2rem);--radius-xl: clamp(2.6rem,calc(0.63vw + 2.4rem),3.2rem);--radius-full: 100%;}