:root { --white: hsl(0, 0%, 100%); --black: hsl(0, 0%, 0%); --purple: hsla(250, 91%, 66%, 1); --dark: hsla(228, 48%, 11%, 1); --light-purple-2: hsla(250, 91%, 66%, 0.08); --pink: hsla(299, 95%, 84%, 1); --light-purple: rgba(115, 89, 247, 0.07); --light-yellow: hsla(72, 78%, 72%, 1); --light-pink: #F1EEFE; --light-black: #666664;}.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.text-black { color: var(--black); }.text-purple { color: var(--purple); }.bg-purple { background-color: var(--purple); }.text-dark { color: var(--dark); }.bg-dark { background-color: var(--dark); }.bg-light-purple-2 { background-color: var(--light-purple-2); }.bg-pink { background-color: var(--pink); }.bg-light-purple { background-color: var(--light-purple); }.bg-light-yellow { background-color: var(--light-yellow); }.bg-light-pink { background-color: var(--light-pink); }