:root { --primary-blue: #1D9CD3; --secondary-blue: #177EAB; --blue-3: #27AAE1; --accent-yellow: #F7E033; --accent-red: #FF383C; --accent-green: #34C759; --accent-teal: #00C3D0; --accent-purple: #CB30E0; --white: #fff; --black: #000; --gray: #C2C2C2;}.bg-primary-blue { background-color: var(--primary-blue); }.text-primary-blue { color: var(--primary-blue); }.bg-secondary-blue { background-color: var(--secondary-blue); }.text-secondary-blue { color: var(--secondary-blue); }.bg-accent-yellow { background-color: var(--accent-yellow); }.text-accent-yellow { color: var(--accent-yellow); }.text-white { color: var(--white); }.bg-white { background-color: var(--white); }.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.bg-gray { background-color: var(--gray); }.text-gray { color: var(--gray); }