:root { --color-brand: #226e67; --color-brand-l: #3aaea3; --color-white: #ffffff; --color-white-muted: rgba(255, 255, 255, 0.8); --text-h1: clamp(3.5rem, 3vw, 5.5rem); --text-h2: clamp(2.8rem, 2vw, 3.8rem); --text-h3: clamp(2.2rem, 2vw, 2.8rem); --text-h4: clamp(1.8rem, 1vw, 2.2rem); --text-body: 1.6rem; --text-xs: clamp(1.2rem, 0.2vw + 1.1rem, 1.3rem); --text-l: clamp(6rem, 3vw, 8rem); --text-2l: clamp(10rem, 5vw, 15rem); --text-3l: clamp(14rem, 5vw, 22rem); --space-s: clamp(1.5rem, 1vw + 1.2rem, 2rem); --space-m: clamp(3rem, 3vw + 1.6rem, 6rem); --space-l: clamp(5rem, 3vw + 2.4rem, 10rem); --space-xl: clamp(7rem, 6vw + 3rem, 12rem); --site-gutter: 15px; --site-max-width: 100%;}