:root { --primary-500: #767f46; --primary-50: #f7f8f2; --primary-300: hsl(69, 29%, 80%);; --primary-200: hsl(69, 29%, 82%); --primary-100: hsl(69, 29%, 89%); --primary-700: hsl(69, 29%, 29%); --primary: var(--primary-500); --primary-hover: var(--primary-700); --cta-500: #754051; --cta-700: #602538; --base-500: #616161; --base: var(--base-500); --base-600: hsl(0, 0%, 32%);; --white: white; --black: black; --transparent: transparent; --border-color: hsl(0, 0%, 90%);; --background-tint: var(--primary-100); --background-tint--light: var(--primary-50);}