:root { --base: hsl(204, 41%, 19%); --secondary: #81705F; --text: #2F2F2F; --yellow: hsl(48, 97%, 77%); --brown: #3D2A18; --white: hsl(0, 0%, 100%); --pale: #FDFBF7; --stone: hsl(24, 10%, 10%); --amber: hsl(23, 82%, 31%); --amber-t-1: hsla(23, 37%, 65%, 0.05); --emarld: hsl(163, 88%, 20%); --emarld-t-1: hsla(163, 22%, 60%, 0.05); --rose: hsl(347, 77%, 50%); --rose-t-1: hsla(347, 77%, 75%, 0.05); --stone-l-1: hsl(24, 2%, 32%); --stone-l-2: hsl(24, 1%, 55%); --stone-l-3: hsl(24, 1%, 78%); --yellow-l-1: hsl(48, 97%, 88%); --rose-l-1: #fecdd3; --emarld-l-1: #d1fae5; --amber-l-1: #ffedd6; --yellow-t-1: hsla(48, 97%, 88%, 0.05); --shadow: hsla(24, 20%, 33%, 0.1); --text-2xs: clamp(1.13rem, calc(0.0037962962962962976 * (100vw - 36rem) + 1.13rem), 1.54rem); --text-xs: clamp(1.41rem, calc(0.004722222222222222 * (100vw - 36rem) + 1.41rem), 1.92rem); --text-s: clamp(1.76rem, calc(0.005925925925925925 * (100vw - 36rem) + 1.76rem), 2.4rem); --text-m: clamp(2.2rem, calc(0.007407407407407406 * (100vw - 36rem) + 2.2rem), 3rem); --text-l: clamp(2.75rem, calc(0.009259259259259259 * (100vw - 36rem) + 2.75rem), 3.75rem); --text-xl: clamp(3.44rem, calc(0.011574074074074079 * (100vw - 36rem) + 3.44rem), 4.69rem); --text-2xl: clamp(4.3rem, calc(0.014444444444444449 * (100vw - 36rem) + 4.3rem), 5.86rem); --body-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --body-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --body-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --body-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --body-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --body-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --body-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space: clamp(2.1333rem, calc(0.0033950617283950617 * (100vw - 36rem) + 2.1333rem), 2.5rem);}