:root { --text: #101619; --brand: hsl(177, 87%, 27%); --dark-bg: #000000; --light-bg: #F6F8E9; --text-secondary: hsl(217, 1%, 27%); --text-light: hsl(0, 0%, 100%); --button-hover: hsl(197, 90%, 34%); --accent: #DEF505; --h-4: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --h-3: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h-2: clamp(2.5rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.5rem), 3.6rem); --h-1: clamp(3.13rem, calc(0.021018518518518523 * (100vw - 36rem) + 3.13rem), 5.4rem); --text-s: clamp(1.42rem, calc(0.0007407407407407414 * (100vw - 36rem) + 1.42rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.0033333333333333344 * (100vw - 36rem) + 1.8rem), 2.16rem); --text-xl: clamp(2.02rem, calc(0.005277777777777776 * (100vw - 36rem) + 2.02rem), 2.59rem);}