:root { --primary-yellow: #ffce1e; --primary-yellow-600: #ce8800; --primary-yellow-900: #431f05; --primary-blue: #245f74; --primary-blue-900: #132c39; --primary-red: #e45336; --text-body: rgb(39, 39, 42); --black: #000000; --white: #ffffff; --border-color: #d6d3d1; --bg-light: #f5f5f4; --text-2xs: clamp(0.93rem, calc(-0.004722222222222222 * (100vw - 36rem) + 0.93rem), 0.42rem); --text-xs: clamp(1.11rem, calc(-0.00388888888888889 * (100vw - 36rem) + 1.11rem), 0.69rem); --text-s: clamp(1.33rem, calc(-0.002037037037037037 * (100vw - 36rem) + 1.33rem), 1.11rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.009166666666666668 * (100vw - 36rem) + 1.92rem), 2.91rem); --text-xl: clamp(2.3rem, calc(0.022314814814814815 * (100vw - 36rem) + 2.3rem), 4.71rem); --text-2xl: clamp(2.76rem, calc(0.045000000000000005 * (100vw - 36rem) + 2.76rem), 7.62rem);}