:root { --white: #ffffff; --black: #2a2a2a; --primary: #c97c65; --grey-background: #f3f3f4; --light-background: #f9f9f9; --grey: #404040; --border-color: #e3e3e3; --text: #595959; --text-xs: clamp(0.97rem, calc(0.0012962962962962973 * (100vw - 36rem) + 0.97rem), 1.11rem); --text-s: clamp(1.17rem, calc(0.0014814814814814827 * (100vw - 36rem) + 1.17rem), 1.33rem); --text-m: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-l: clamp(1.68rem, calc(0.0022222222222222222 * (100vw - 36rem) + 1.68rem), 1.92rem); --text-xl: clamp(2.02rem, calc(0.002592592592592591 * (100vw - 36rem) + 2.02rem), 2.3rem); --headline-h6: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --headline-h5: clamp(2.02rem, calc(0.0021296296296296293 * (100vw - 36rem) + 2.02rem), 2.25rem); --headline-h4: clamp(2.28rem, calc(0.0023148148148148147 * (100vw - 36rem) + 2.28rem), 2.53rem); --headline-h3: clamp(2.56rem, calc(0.0026851851851851854 * (100vw - 36rem) + 2.56rem), 2.85rem); --headline-h2: clamp(2.88rem, calc(0.0029629629629629654 * (100vw - 36rem) + 2.88rem), 3.2rem); --headline-h1: clamp(3.24rem, calc(0.0033333333333333322 * (100vw - 36rem) + 3.24rem), 3.6rem); --space-xs: clamp(0.82rem, calc(0.0056481481481481478 * (100vw - 36rem) + 0.82rem), 1.43rem); --space-s: clamp(1.14rem, calc(0.0079629629629629634 * (100vw - 36rem) + 1.14rem), 2rem); --space-m: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --space-l: clamp(2.24rem, calc(0.015555555555555553 * (100vw - 36rem) + 2.24rem), 3.92rem); --space-xl: clamp(3.14rem, calc(0.021759259259259259 * (100vw - 36rem) + 3.14rem), 5.49rem); --space-2xl: clamp(4.39rem, calc(0.030462962962962963 * (100vw - 36rem) + 4.39rem), 7.68rem);}