:root { --black: #1a1413; --white: #ffffff; --primary: #7b142e; --secondary: #fbf8f3; --primary-l-1: #8e1e38; --black-t-1: hsla(9, 16%, 9%, 0.17); --black-t-2: hsla(9, 16%, 9%, 0.33); --black-t-3: hsla(9, 16%, 9%, 0.5); --black-t-4: hsla(9, 16%, 9%, 0.67); --black-t-5: hsla(9, 16%, 9%, 0.83); --white-t-1: hsla(0, 0%, 100%, 0.17); --white-t-2: hsla(0, 0%, 100%, 0.33); --white-t-3: hsla(0, 0%, 100%, 0.5); --white-t-4: hsla(0, 0%, 100%, 0.67); --white-t-5: hsla(0, 0%, 100%, 0.83); --text: #3d3431; --border: #ded2c4; --gold: #e4c98a; --heading-xs: clamp(17px, 1.6vw, 20px); --heading-s: clamp(20px, 2vw, 24px); --heading-m: clamp(22px, 2.5vw, 28px); --heading-l: clamp(26px, 3vw, 35px); --heading-xl: clamp(30px, 5vw, 50px); --heading-2xl: clamp(35px, 7vw, 70px); --text-s: 16px; --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, 6vw, 60px); --space-2xl: clamp(50px, 8vw, 80px); --space-3xl: clamp(60px, 10vw, 100px);}