:root { --green: #007b64; --teal: #0b5d7a; --navy: #0a1628; --ice: #e8f4f8; --mint: #e6f5f2; --snow: #f7fafa; --black: hsl(0, 0%, 0%); --navy-blur: #162233; --text-2xs: clamp(0.82rem, calc(0.0013888888888888892 * (100vw - 36rem) + 0.82rem), 0.97rem); --text-xs: clamp(1.02rem, calc(0.0025 * (100vw - 36rem) + 1.02rem), 1.29rem); --text-s: clamp(1.28rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.28rem), 1.73rem); --text-m: clamp(1.6rem, calc(0.006481481481481479 * (100vw - 36rem) + 1.6rem), 2.3rem); --text-l: clamp(2rem, calc(0.009907407407407406 * (100vw - 36rem) + 2rem), 3.07rem); --text-xl: clamp(2.5rem, calc(0.014722222222222222 * (100vw - 36rem) + 2.5rem), 4.09rem); --text-2xl: clamp(3.13rem, calc(0.021481481481481483 * (100vw - 36rem) + 3.13rem), 5.45rem);}.bg-green { background-color: var(--green); }