:root { --dark: #2B2421; --light: #FFFAF4; --primary: #5C1F2F; --secondary: #B48A68; --tertiary: #D8C2AA; --bg1: #F7F0E8; --muted: #7F6F66; --utility: #DEDBD3; --primary-d-1: #431722; --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(30px, 5vw, 50px); --heading-2xl: clamp(45px, 7vw, 70px); --text-s: 14px; --text-m: clamp(16px, 2vw, 18px); --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(80px, 15vw, 150px);}