:root { --green: #044b3e; --blue: #A7C3DC; --light-blue: #EBF2F6; --dark-creme: #b59a87; --white: #fff; --creme: #E5D7CD; --light-green: #F5F9FA; --c-primary: rgb(var(--primary)); --c-bg-sand-40: rgba(var(--bg-sand), 0.4); --c-text-80: rgba(var(--text), 0.8); --c-text: rgba(var(--text), 1); --c-white: #ffffff; --c-border-40: rgba(var(--border), 0.4); --c-primary-10: rgba(var(--primary), 0.1); --c-bg-green: rgb(232, 238, 241); --c-bg-grey-50: rgba(232, 238, 241, 0.5); --c-bg-cream: rgb(var(--bg-cream),1); --hl-2xs: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --hl-xs: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --hl-s: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --hl-m: clamp(2.4rem, calc(0 * (100vw - 36rem) + 2.4rem), 2.4rem); --hl-l: clamp(3rem, calc(0.013703703703703708 * (100vw - 36rem) + 3rem), 4.48rem); --hl-xl: clamp(4.8rem, calc(0.022222222222222227 * (100vw - 36rem) + 4.8rem), 7.2rem); --text-xs: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-s: clamp(1.4rem, calc(0 * (100vw - 36rem) + 1.4rem), 1.4rem); --text-m: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --text-l: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-xl: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --text-2xl: clamp(3rem, calc(0.012962962962962966 * (100vw - 36rem) + 3rem), 4.4rem);}