:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1280px;--primary: hsla(200,65%,10%,1);--primary-5: hsla(200,65%,10%,0.05);--primary-10: hsla(200,65%,10%,0.1);--primary-20: hsla(200,65%,10%,0.2);--primary-30: hsla(200,65%,10%,0.3);--primary-40: hsla(200,65%,10%,0.4);--primary-50: hsla(200,65%,10%,0.5);--primary-60: hsla(200,65%,10%,0.6);--primary-70: hsla(200,65%,10%,0.7);--primary-80: hsla(200,65%,10%,0.8);--primary-90: hsla(200,65%,10%,0.9);--secondary: hsla(0,65%,35%,1);--secondary-5: hsla(0,65%,35%,0.05);--secondary-10: hsla(0,65%,35%,0.1);--secondary-20: hsla(0,65%,35%,0.2);--secondary-30: hsla(0,65%,35%,0.3);--secondary-40: hsla(0,65%,35%,0.4);--secondary-50: hsla(0,65%,35%,0.5);--secondary-60: hsla(0,65%,35%,0.6);--secondary-70: hsla(0,65%,35%,0.7);--secondary-80: hsla(0,65%,35%,0.8);--secondary-90: hsla(0,65%,35%,0.9);--tertiary: hsla(200,65%,40%,1);--tertiary-5: hsla(200,65%,40%,0.05);--tertiary-10: hsla(200,65%,40%,0.1);--tertiary-20: hsla(200,65%,40%,0.2);--tertiary-30: hsla(200,65%,40%,0.3);--tertiary-40: hsla(200,65%,40%,0.4);--tertiary-50: hsla(200,65%,40%,0.5);--tertiary-60: hsla(200,65%,40%,0.6);--tertiary-70: hsla(200,65%,40%,0.7);--tertiary-80: hsla(200,65%,40%,0.8);--tertiary-90: hsla(200,65%,40%,0.9);--accent: hsla(30,80%,40%,1);--accent-5: hsla(30,80%,40%,0.05);--accent-10: hsla(30,80%,40%,0.1);--accent-20: hsla(30,80%,40%,0.2);--accent-30: hsla(30,80%,40%,0.3);--accent-40: hsla(30,80%,40%,0.4);--accent-50: hsla(30,80%,40%,0.5);--accent-60: hsla(30,80%,40%,0.6);--accent-70: hsla(30,80%,40%,0.7);--accent-80: hsla(30,80%,40%,0.8);--accent-90: hsla(30,80%,40%,0.9);--primary-alt: hsla(200,65%,10%,1);--primary-alt-5: hsla(200,65%,10%,0.05);--primary-alt-10: hsla(200,65%,10%,0.1);--primary-alt-20: hsla(200,65%,10%,0.2);--primary-alt-30: hsla(200,65%,10%,0.3);--primary-alt-40: hsla(200,65%,10%,0.4);--primary-alt-50: hsla(200,65%,10%,0.5);--primary-alt-60: hsla(200,65%,10%,0.6);--primary-alt-70: hsla(200,65%,10%,0.7);--primary-alt-80: hsla(200,65%,10%,0.8);--primary-alt-90: hsla(200,65%,10%,0.9);--secondary-alt: hsla(0,65%,35%,1);--secondary-alt-5: hsla(0,65%,35%,0.05);--secondary-alt-10: hsla(0,65%,35%,0.1);--secondary-alt-20: hsla(0,65%,35%,0.2);--secondary-alt-30: hsla(0,65%,35%,0.3);--secondary-alt-40: hsla(0,65%,35%,0.4);--secondary-alt-50: hsla(0,65%,35%,0.5);--secondary-alt-60: hsla(0,65%,35%,0.6);--secondary-alt-70: hsla(0,65%,35%,0.7);--secondary-alt-80: hsla(0,65%,35%,0.8);--secondary-alt-90: hsla(0,65%,35%,0.9);--tertiary-alt: hsla(200,65%,40%,1);--tertiary-alt-5: hsla(200,65%,40%,0.05);--tertiary-alt-10: hsla(200,65%,40%,0.1);--tertiary-alt-20: hsla(200,65%,40%,0.2);--tertiary-alt-30: hsla(200,65%,40%,0.3);--tertiary-alt-40: hsla(200,65%,40%,0.4);--tertiary-alt-50: hsla(200,65%,40%,0.5);--tertiary-alt-60: hsla(200,65%,40%,0.6);--tertiary-alt-70: hsla(200,65%,40%,0.7);--tertiary-alt-80: hsla(200,65%,40%,0.8);--tertiary-alt-90: hsla(200,65%,40%,0.9);--accent-alt: hsla(30,80%,40%,1);--accent-alt-5: hsla(30,80%,40%,0.05);--accent-alt-10: hsla(30,80%,40%,0.1);--accent-alt-20: hsla(30,80%,40%,0.2);--accent-alt-30: hsla(30,80%,40%,0.3);--accent-alt-40: hsla(30,80%,40%,0.4);--accent-alt-50: hsla(30,80%,40%,0.5);--accent-alt-60: hsla(30,80%,40%,0.6);--accent-alt-70: hsla(30,80%,40%,0.7);--accent-alt-80: hsla(30,80%,40%,0.8);--accent-alt-90: hsla(30,80%,40%,0.9);--background-body: hsla(200,5%,90%,1);--background-surfacce: hsla(200,5%,85%,1);--text-body: hsla(200,25%,10%,1);--text-heading: hsla(200,5%,10%,1);--light: hsla(200,5%,90%,1);--light-5: hsla(200,5%,90%,0.05);--light-10: hsla(200,5%,90%,0.1);--light-20: hsla(200,5%,90%,0.2);--light-30: hsla(200,5%,90%,0.3);--light-40: hsla(200,5%,90%,0.4);--light-50: hsla(200,5%,90%,0.5);--light-60: hsla(200,5%,90%,0.6);--light-70: hsla(200,5%,90%,0.7);--light-80: hsla(200,5%,90%,0.8);--light-90: hsla(200,5%,90%,0.9);--dark: hsla(200,25%,10%,1);--dark-5: hsla(200,25%,10%,0.05);--dark-10: hsla(200,25%,10%,0.1);--dark-20: hsla(200,25%,10%,0.2);--dark-30: hsla(200,25%,10%,0.3);--dark-40: hsla(200,25%,10%,0.4);--dark-50: hsla(200,25%,10%,0.5);--dark-60: hsla(200,25%,10%,0.6);--dark-70: hsla(200,25%,10%,0.7);--dark-80: hsla(200,25%,10%,0.8);--dark-90: hsla(200,25%,10%,0.9);--transparent: hsla(200,65%,10%,0);--info: hsl(200,40%,50%);--success: hsl(140,40%,50%);--warning: hsl(30,70%,60%);--error: hsl(0,65%,55%);--space-4xs: clamp(0.52rem,calc(0.15vw + 0.48rem),0.67rem);--space-3xs: clamp(0.66rem,calc(0.24vw + 0.58rem),0.89rem);--space-2xs: clamp(0.82rem,calc(0.38vw + 0.7rem),1.18rem);--space-xs: clamp(1.02rem,calc(0.57vw + 0.84rem),1.58rem);--space-s: clamp(1.28rem,calc(0.85vw + 1.01rem),2.1rem);--space-m: clamp(1.6rem,calc(1.25vw + 1.2rem),2.8rem);--space-l: clamp(2rem,calc(1.8vw + 1.42rem),3.73rem);--space-xl: clamp(2.5rem,calc(2.58vw + 1.68rem),4.97rem);--space-2xl: clamp(3.13rem,calc(3.65vw + 1.96rem),6.63rem);--space-3xl: clamp(3.91rem,calc(5.14vw + 2.26rem),8.84rem);--space-4xl: clamp(4.88rem,calc(7.19vw + 2.58rem),11.78rem);--text-xs: clamp(1.42rem,calc(-0.08vw + 1.45rem),1.34rem);--text-s: clamp(1.6rem,calc(0.08vw + 1.57rem),1.68rem);--text-m: clamp(1.8rem,calc(0.31vw + 1.7rem),2.1rem);--text-l: clamp(2.02rem,calc(0.63vw + 1.82rem),2.63rem);--text-xl: clamp(2.28rem,calc(1.04vw + 1.94rem),3.28rem);--text-2xl: clamp(2.56rem,calc(1.6vw + 2.05rem),4.1rem);--text-3xl: clamp(2.88rem,calc(2.34vw + 2.14rem),5.13rem);--text-4xl: clamp(3.24rem,calc(3.3vw + 2.19rem),6.41rem);--text-5xl: clamp(3.65rem,calc(4.54vw + 2.19rem),8.01rem);}