:root { --color-bg: #F9F0EB; --color-soft: #EEE1D6; --color-secondary: #C5AFA2; --color-dark: #1D1D1B; --darktext: #614E30; --shaddow: rgba(29, 29, 27, 0.30); --transparent: hsla(0, 0%, 100%, 0); --text-s: clamp(0.88rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.88rem), 0.94rem); --text-m: clamp(1.06rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.06rem), 1.31rem); --text-l: clamp(1.25rem, calc(0.004592592592592593 * (100vw - 22.5rem) + 1.25rem), 1.56rem); --text-xl: clamp(1.56rem, calc(0.004740740740740738 * (100vw - 22.5rem) + 1.56rem), 1.88rem); --text-2xl: clamp(1.88rem, calc(0.004592592592592593 * (100vw - 22.5rem) + 1.88rem), 2.19rem); --text-3xl: clamp(2.63rem, calc(0.005481481481481483 * (100vw - 22.5rem) + 2.63rem), 3rem); --space-xs: clamp(0.09rem, calc(0.0005925925925925927 * (100vw - 22.5rem) + 0.09rem), 0.13rem); --space-s: clamp(0.19rem, calc(0.0008888888888888888 * (100vw - 22.5rem) + 0.19rem), 0.25rem); --space-m: clamp(0.38rem, calc(0.0017777777777777776 * (100vw - 22.5rem) + 0.38rem), 0.5rem); --space-l: clamp(0.75rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 0.75rem), 1rem); --space-xl: clamp(1.5rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.5rem), 2rem); --space-2xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --space-3xl: clamp(3rem, calc(0.014814814814814815 * (100vw - 22.5rem) + 3rem), 4rem); --space-4xl: clamp(6rem, calc(0.02962962962962963 * (100vw - 22.5rem) + 6rem), 8rem);}