:root { --bg-primary: #FCFAF8; --bg-secondary: #ECE9E5; --bg-tertiary: #D4CFC8; --white-white-100: #FFF; --white-white-80: rgba(255, 255, 255, 0.80); --white-white-60: rgba(255, 255, 255, 0.60); --white-white-40: rgba(255, 255, 255, 0.40); --white-white-20: rgba(255, 255, 255, 0.20); --white-white-10: rgba(255, 255, 255, 0.10); --black-black-100: #000; --black-black-80: rgba(0, 0, 0, 0.80); --black-black-60: rgba(0, 0, 0, 0.60); --black-black-40: rgba(0, 0, 0, 0.40); --black-black-20: rgba(0, 0, 0, 0.20); --black-black-10: rgba(0, 0, 0, 0.10); --buttons-bg-primary: #1A1816; --button-text-primary: #1A1816; --button-text-primary-hover: #FCFAF8; --buttons-stroke-primary: rgba(26, 24, 22, 0.20); --text-secondary: #645E5B; --text-primary: #1A1816; --body-xs: clamp(0.64rem, calc(-0.0011851851851851845 * (100vw - 22.5rem) + 0.64rem), 0.56rem); --body-s: clamp(0.8rem, calc(-0.0007407407407407414 * (100vw - 22.5rem) + 0.8rem), 0.75rem); --body-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --body-l: clamp(1.25rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 1.25rem), 1.33rem);}