:root { --text: #1a1a1a; --brand: #205bd9; --accent: #205bd9; --teal: hsl(195, 33%, 47%); --dark-bg: hsl(210, 70%, 10%); --light-bg: hsl(204, 40%, 97%); --text-secondary: hsl(210, 15%, 35%); --text-light: hsl(0, 0%, 100%); --button-hover: hsla(221, 74%, 49%, 0.9); --border: hsl(204, 20%, 88%); --h-4: clamp(1.76rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 1.76rem), 1.73rem); --h-3: clamp(2.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.2rem), 2.6rem); --h-2: clamp(2.75rem, calc(0.010648148148148148 * (100vw - 36rem) + 2.75rem), 3.9rem); --h-1: clamp(3.44rem, calc(0.02231481481481481 * (100vw - 36rem) + 3.44rem), 5.85rem); --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);}