:root { --crimson: #B42215; --crimson-deep: #8A1A10; --crimson-bright: #D94332; --blush: #F7E8E7; --near-black: #141414; --charcoal: #3A3A3A; --mid-gray: #8A8A8A; --light-gray: #E0E0E0; --off-white: #F8F8F8; --white: #FFFFFF; --dark-bg: #0F0F0F; --dark-surface: #1A1A1A; --dark-border: #2A2A2A; --steel-blue: #2E6DA4; --space-xs: clamp(0.4rem, calc(0 * (100vw - 37.5rem) + 0.4rem), 0.4rem); --space-sm: clamp(0.8rem, calc(0 * (100vw - 37.5rem) + 0.8rem), 0.8rem); --space-md: clamp(1.6rem, calc(0 * (100vw - 37.5rem) + 1.6rem), 1.6rem); --space-lg: clamp(2.4rem, calc(0.011034482758620694 * (100vw - 37.5rem) + 2.4rem), 3.2rem); --space-xl: clamp(3.2rem, calc(0.022068965517241374 * (100vw - 37.5rem) + 3.2rem), 4.8rem); --space-2xl: clamp(5.6rem, calc(0.08827586206896552 * (100vw - 37.5rem) + 5.6rem), 12rem); --text-label: clamp(1.1rem, calc(0.0013793103448275844 * (100vw - 37.5rem) + 1.1rem), 1.2rem); --text-small: clamp(1.2rem, calc(0.0013793103448275874 * (100vw - 37.5rem) + 1.2rem), 1.3rem); --text-body: clamp(1.5rem, calc(0 * (100vw - 37.5rem) + 1.5rem), 1.5rem); --text-h4: clamp(1.5rem, calc(0.0013793103448275874 * (100vw - 37.5rem) + 1.5rem), 1.6rem); --text-h3: clamp(1.8rem, calc(0.005517241379310347 * (100vw - 37.5rem) + 1.8rem), 2.2rem); --text-h2: clamp(3rem, calc(0.0303448275862069 * (100vw - 37.5rem) + 3rem), 5.2rem); --text-h1: clamp(3.8rem, calc(0.035862068965517246 * (100vw - 37.5rem) + 3.8rem), 6.4rem);}