:root { --black: #000000; --white: #ffffff; --transparent: transparent; --primary-500: hsl(48, 6%, 38%); --primary-450: hsl(48, 6%, 45%); --primary-400: hsl(48, 6%, 65%); --primary-300: #dedede; --primary-200: hsl(48, 6%, 85%); --secondary-500: hsl(32, 25%, 56%); --secondary-300: hsl(32, 25%, 80%); --secondary-200: hsl(32, 25%, 90%); --base-500: hsl(48, 0%, 97%); --primary: hsl(48, 6%, 38%); --primary-hover: hsl(32, 25%, 56%); --primary-light: #dedede; --primary-medium: hsl(48, 6%, 65%); --secondary: hsl(32, 25%, 56%); --secondary-light: hsl(32, 25%, 80%); --base: hsl(48, 0%, 97%); --body-color: hsl(48, 6%, 45%); --heading-color: hsl(48, 6%, 38%); --link-color: hsl(48, 6%, 38%); --link-color-hover: hsl(32, 25%, 56%);}