:root { --text: #2e2e2e; --links: hsl(337 100% 36%); --secondary: #c48f7c; --background: hsl(22 67% 98%); --white: hsl(0 0% 100%); --accent: hsl(337 100% 36%); --accent-l-1: hsl(337, 59%, 49%); --accent-l-2: hsl(337, 56%, 62%); --accent-l-3: hsl(337, 56%, 74%); --accent-l-4: hsl(337, 56%, 87%); --accent-d-1: hsl(337, 100%, 29%); --accent-d-2: hsl(337, 100%, 22%); --accent-d-3: hsl(337, 100%, 14%); --accent-d-4: hsl(337, 100%, 7%); --accent-t-1: hsla(337, 56%, 87%, 0.2); --accent-t-2: hsla(337, 56%, 74%, 0.4); --accent-t-3: hsla(337, 56%, 62%, 0.6); --accent-t-4: hsla(337, 59%, 49%, 0.8); --primary: #cbd7e7; --secondary-l-1: #d0a596; --secondary-l-2: #dcbcb0; --secondary-l-3: #e7d2cb; --secondary-l-4: #f3e9e5; --secondary-d-1: #9d7263; --secondary-d-2: #76564a; --secondary-d-3: #4e3932; --secondary-d-4: #271d19; --secondary-t-1: hsla(16, 38%, 93%, 0.2); --secondary-t-2: hsla(16, 38%, 85%, 0.4); --secondary-t-3: hsla(16, 38%, 78%, 0.6); --secondary-t-4: hsla(16, 38%, 70%, 0.8); --primary-l-1: #d5dfec; --primary-l-2: #e0e7f1; --primary-l-3: #eaeff5; --primary-l-4: #f5f7fa; --primary-d-1: #a2acb9; --primary-d-2: #7a818b; --primary-d-3: #51565c; --primary-d-4: #292b2e; --primary-t-1: hsla(214, 37%, 97%, 0.2); --primary-t-2: hsla(214, 37%, 94%, 0.4); --primary-t-3: hsla(214, 37%, 91%, 0.6); --primary-t-4: hsla(214, 37%, 88%, 0.8);}.text-text { color: var(--text); }.bg-background { background-color: var(--background); }