:root { --black: #000000; --white: #ffffff; --primary: #710000; --secondary: #7D8CA3; --tertiary: #E4D6A7; --quaternary: #032B43; --heading-xs: clamp(14px, 1.6vw, 16px); --heading-s: clamp(16px, 2vw, 20px); --heading-m: clamp(20px, 2.5vw, 24px); --heading-l: clamp(24px, 3vw, 30px); --heading-xl: clamp(26px, 3.5vw, 35px); --heading-2xl: clamp(30px, 4vw, 40px); --text-s: 14px; --text-m: 16px; --space-s: clamp(15px, 2vw, 20px); --space-m: clamp(20px, 3vw, 30px); --space-l: clamp(30px, 4vw, 40px); --space-xl: clamp(40px, 5vw, 50px); --space-2xl: clamp(50px, 6vw, 60px); --space-3xl: clamp(60px, 8vw, 80px);}