.background-ocean { background-color: #005493; }
.background-tangerine { background-color: #fb8029; }
.background-maroon { background-color: #941651; }

.text-ocean { color: #005493; }
.text-tangerine { color: #fb8029; }
.text-maroon { color: #941651; }
.text-maroon-light { color: #D8A9BE; }
.text-white { color: white; }

.button-ocean { color: #005493; }
.button-ocean:hover { background-color: #005493; color: white; }
.button-tangerine { color: #fb8029; }
.button-tangerine:hover { background-color: #fb8029; color: white; }
.button-maroon { color: #941651; }
.button-maroon:hover { background-color: #941651; color: white; }

.cta-maroon { background-color: #941651; color: white; }
.cta-maroon:hover { background-color: #fb8029; }
.cta-white { background-color: white; color: #941651; }
.cta-white:hover { background-color: #fb8029; color: white; }
.cta-tangerine { background-color: #fb8029; }
.cta-tangerine:hover { background-color: #941651; }