:root { --primary-black: #000000; --primary-white: #ffffff; --section-separator: #CDCDCD; --loop-separator: #C4C7C7; --meta-text-darken: #C6C6C7; --meta-text: #5D5F5F; --body-text: #444748; --heading-black: #171C1D; --text-2xs: clamp(0.56rem, calc(0.0010370370370370364 * (100vw - 22.5rem) + 0.56rem), 0.63rem); --text-xs: clamp(0.75rem, calc(0.0013333333333333329 * (100vw - 22.5rem) + 0.75rem), 0.84rem); --text-s: clamp(1.3rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.3rem), 1.13rem); --text-m: clamp(1.66rem, calc(0.0025185185185185176 * (100vw - 22.5rem) + 1.66rem), 1.5rem); --text-l: clamp(1.85rem, calc(0.003259259259259259 * (100vw - 22.5rem) + 1.85rem), 2rem); --text-xl: clamp(2.37rem, calc(0.004296296296296297 * (100vw - 22.5rem) + 2.37rem), 2.66rem); --line-height-xs: 1.5em; --line-height-s-m: 1.4em; --line-height-l-xl: 1.2em; --text-2xl: clamp(3.16rem, calc(0.005777777777777773 * (100vw - 22.5rem) + 3.16rem), 3.55rem); --geist-font: "Geist", sans-serif; --hanken-grotesk: "Hanken Grotesk", sans-serif; --eb-garamond-font: "EB Garamond", serif; --padding-side-xl: 40px; --padding-left-m: 20px;}