:root { --primary: hsl(136, 55%, 21%); --secondary: hsl(46, 77%, 49%); --light: hsl(0, 0%, 100%); --dark: hsl(0, 0%, 0%); --muted: hsl(0, 0%, 79%); --accent: hsl(292, 100%, 65%); --border: hsl(0, 0%, 80%); --info: hsl(193, 57%, 51%); --success: hsl(121, 38%, 47%); --warning: hsl(46, 72%, 47%); --danger: hsl(0, 63%, 44%); --background: hsl(0, 0%, 95%); --text: hsl(0, 0%, 20%); --text-2xs: clamp(0.87rem, calc(-0.0022222222222222222 * (100vw - 36rem) + 0.87rem), 0.63rem); --text-xs: clamp(1.04rem, calc(-0.0018518518518518526 * (100vw - 36rem) + 1.04rem), 0.84rem); --text-s: clamp(1.25rem, calc(-0.0011111111111111122 * (100vw - 36rem) + 1.25rem), 1.13rem); --text-m: clamp(1.5rem, calc(0 * (100vw - 36rem) + 1.5rem), 1.5rem); --text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-xl: clamp(2.16rem, calc(0.0047222222222222205 * (100vw - 36rem) + 2.16rem), 2.67rem); --text-2xl: clamp(2.59rem, calc(0.008888888888888889 * (100vw - 36rem) + 2.59rem), 3.55rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}