:root { --primary: var(--primary-500); --primary-500: #e7c071; --primary-100: #fdf7ed; --primary-300: #e2d7c5; --primary-200: #f8f1e5; --primary-700: #d0a03d; --primary-hover: var(--primary-700); --base-700: black; --base-500: #0b0b0b; --base-300: #353535; --white: white; --black: black; --border-color: var(--neutral-100); --background-tint: var(--primary-100); --neutral-100: #e8e8e8;; --transparent: transparent; --neutral-0: hsl(0, 0%, 100%); --neutral-500: hsl(0, 0%, 50%);; --neutral-1000: hsl(0, 0%, 0%);; --base: var(--base-500);}