:root { --accent-color: #FFCC00; --accent-background: #FFFAE6; --accent-lite: #FFF5CC; --white: #ffffff; --off-white: #f5f5f5; --platinum: #E5E4E2; --text: #222222; --black: #111111; --space-xs: clamp(4px, 0.35vw, 6px); --space-s: clamp(8px, 0.55vw, 10px); --space-m: clamp(12px, 1vw, 18px); --space-l: clamp(18px, 1.5vw, 28px); --space-xl: clamp(24px, 2vw, 40px); --space-xxl: clamp(32px, 3vw, 56px); --text-xl: clamp(20px, 1.8vw, 26px); --text-l: clamp(18px, 1.5vw, 22px); --text-m: clamp(16px, 1.2vw, 18px); --text-s: clamp(14px, 1vw, 16px); --text-xs: clamp(12px, 0.85vw, 14px); --h1: clamp(50px, 5.6vw, 88px); --h2: clamp(40px, 4.5vw, 64px); --h3: clamp(32px, 3.6vw, 52px); --h4: clamp(28px, 3vw, 44px); --h5: clamp(24px, 2.5vw, 36px); --h6: clamp(20px, 2vw, 28px);}