:root { --visual-magenta: #F901A7; --future-black: #161616; --future-white: #ffffff; --grey: #f4f4f4; --elevate-grey: #e4e4e4;}.bg-visual-magenta { background-color: var(--visual-magenta); }.text-visual-magenta { color: var(--visual-magenta); }.border-visual-magenta { border-color: var(--visual-magenta); }.outline-visual-magenta { outline-color: var(--visual-magenta); }.fill-visual-magenta { fill: var(--visual-magenta); }.stroke-visual-magenta { stroke: var(--visual-magenta); }.text-future-black { color: var(--future-black); }.border-future-black { border-color: var(--future-black); }.outline-future-black { outline-color: var(--future-black); }.bg-future-black { background-color: var(--future-black); }.bg-elevate-grey { background-color: var(--elevate-grey); }.text-elevate-grey { color: var(--elevate-grey); }.border-elevate-grey { border-color: var(--elevate-grey); }.outline-elevate-grey { outline-color: var(--elevate-grey); }