:root { --black: hsla(0, 0%, 0%, 1); --white: hsl(0, 0%, 100%); --blue: rgba(2, 57, 169, 1); --light-blue: hsla(214, 63%, 51%, 1); --light-gray: #F6F9FE; --dark-gray: hsla(0, 0%, 46%, 1); --dark-gray-2: hsla(223, 3%, 43%, 1);}.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.bg-blue { background-color: var(--blue); }.text-blue { color: var(--blue); }.text-light-blue { color: var(--light-blue); }.bg-light-blue { background-color: var(--light-blue); }.bg-light-gray { background-color: var(--light-gray); }.text-dark-gray { color: var(--dark-gray); }.bg-dark-gray { background-color: var(--dark-gray); }