:root { --primary: #C84053; --primary-hover: #d16b79; --text-over-primary: #fff; --secondary: #CAD200; --secondary-hover: #dfe376; --text-over-secondary: #fff; --light: #FAFBE5; --light-hover: #dfe376; --text-over-light: #6A6A6A; --dark: #f9eced; --dark-hover: #d16b79; --text-over-dark: #6A6A6A; --white: #fff; --light-gray: hsl(0 0% 94%); --light-gray-overlay: hsl(0 0% 0% / 0.15); --gray: hsl(0 0% 70%); --dark-gray: #6A6A6A; --black: #000; --body: #6A6A6A; --btn-primary: var(--primary);}.bg-btn-primary { background-color: var(--btn-primary); }