:root { --color-bg-main: #F6F4EF; --color-bg-soft: #E7E1D6; --color-text-main: #3A3A3A; --color-text-soft: #7A7A7A; --color-accent-main: #3F5D50; --color-accent-hover: #6E8F7E; --color-accent-alt: #7a3b3a; --color-accent-alt-hover: #b56a63; --color-btn-primary-hover: hsla(154, 19%, 31%, 0.9); --color-btn-secondary-hover: hsla(1, 36%, 35%, 0.9); --text-2xs: clamp(0.58rem, calc(0 * (100vw - 29.94rem) + 0.58rem), 0.58rem); --text-xs: clamp(0.72rem, calc(0.0010000000000000009 * (100vw - 29.94rem) + 0.72rem), 0.77rem); --text-s: clamp(0.9rem, calc(0.0026 * (100vw - 29.94rem) + 0.9rem), 1.03rem); --text-m: clamp(1.13rem, calc(0.005 * (100vw - 29.94rem) + 1.13rem), 1.38rem); --text-l: clamp(1.41rem, calc(0.008400000000000003 * (100vw - 29.94rem) + 1.41rem), 1.83rem); --text-xl: clamp(1.76rem, calc(0.0136 * (100vw - 29.94rem) + 1.76rem), 2.44rem); --text-2xl: clamp(2.2rem, calc(0.021199999999999993 * (100vw - 29.94rem) + 2.2rem), 3.26rem); --heading-2xs: clamp(1.02rem, calc(0.002796644027167397 * (100vw - 29.88rem) + 1.02rem), 1.16rem); --heading-xs: clamp(1.28rem, calc(0.005393527766679984 * (100vw - 29.88rem) + 1.28rem), 1.55rem); --heading-s: clamp(1.6rem, calc(0.009188973232121454 * (100vw - 29.88rem) + 1.6rem), 2.06rem); --heading-m: clamp(2rem, calc(0.014982021574111066 * (100vw - 29.88rem) + 2rem), 2.75rem); --heading-l: clamp(2.5rem, calc(0.023371953655613262 * (100vw - 29.88rem) + 2.5rem), 3.67rem); --heading-xl: clamp(3.13rem, calc(0.0351578106272473 * (100vw - 29.88rem) + 3.13rem), 4.89rem); --heading-2xl: clamp(3.91rem, calc(0.05193767479025169 * (100vw - 29.88rem) + 3.91rem), 6.51rem);}