:root { --primary: #176F6F; --light-primary: #49BFBF; --accent-color: #E8AE66; --muted-primary: #E6F9F9; --mid-grey-color: #424F50; --white-color: #ffffff; --black-color: #1C1F1F; --dark-primary: #176F6F; --muted-yellow: #FFF6EA; --border-color: #E9E9E9; --colorful-border: #d3f2f2; --text-2xs: clamp(1.12rem, calc(0.003036876355748371 * (100vw - 47.8rem) + 1.12rem), 1.4rem); --text-xs: clamp(1.26rem, calc(0.0034707158351409985 * (100vw - 47.8rem) + 1.26rem), 1.58rem); --text-s: clamp(1.42rem, calc(0.0039045553145336236 * (100vw - 47.8rem) + 1.42rem), 1.78rem); --text-m: clamp(1.6rem, calc(0.0043383947939262466 * (100vw - 47.8rem) + 1.6rem), 2rem); --text-l: clamp(1.8rem, calc(0.004880694143167027 * (100vw - 47.8rem) + 1.8rem), 2.25rem); --text-xl: clamp(2.02rem, calc(0.005531453362255963 * (100vw - 47.8rem) + 2.02rem), 2.53rem); --text-2xl: clamp(2.28rem, calc(0.006182212581344906 * (100vw - 47.8rem) + 2.28rem), 2.85rem); --heading-2xs: clamp(1.23rem, calc(0.004446854663774403 * (100vw - 47.8rem) + 1.23rem), 1.64rem); --heading-xs: clamp(1.54rem, calc(0.005531453362255963 * (100vw - 47.8rem) + 1.54rem), 2.05rem); --heading-s: clamp(1.92rem, calc(0.006941431670281997 * (100vw - 47.8rem) + 1.92rem), 2.56rem); --heading-m: clamp(2.4rem, calc(0.008676789587852497 * (100vw - 47.8rem) + 2.4rem), 3.2rem); --heading-l: clamp(3rem, calc(0.010845986984815618 * (100vw - 47.8rem) + 3rem), 4rem); --heading-xl: clamp(3.75rem, calc(0.013557483731019523 * (100vw - 47.8rem) + 3.75rem), 5rem); --heading-2xl: clamp(4.69rem, calc(0.016919739696312358 * (100vw - 47.8rem) + 4.69rem), 6.25rem);}