:root {
    /* Color Variables */
    --color-primary: #0c233b;
    --color-white: #ffffff;
    --color-accent: #ffcc00;
    --color-blue: #005598; /* hsla(206, 100%, 30%, 1); */
    --color-cardinal: #cb3340;
	--color-cta-cardinal-hover-state: #821e27;
    --color-green: #85b3a2;
    --color-copper: #c88452;
    --color-sau-seas: #0b2341;
	--color-dove-80: #797672;
    --color-utility-90: #38393a;
    --color-heavens: #A4C8E1;
	--color-heavens-10: #edf4f9;
	--color-heavens-20: #dbe9f3;
	--color-heavens-70: #738c9e;
    --color-bg-heavens-20: #dbe9f3;
    --svg-filter-cardinal: invert(65%) sepia(54%) saturate(567%) hue-rotate(342deg) brightness(94%) contrast(92%);
    --svg-filter-white: brightness(0) invert(1); /* #FFF */
    --svg-filter-black: brightness(0) invert(0); /* #000 */
    
    /* Color Variables */
    --color-primary: #0c233b; 
    --color-white: #ffffff;
    --color-accent: #ffcc00;
    --color-blue: #005598;
    --color-cardinal: #CB3340;
    --color-green: #85B3A2;
    --color-copper: #C88452;
  

}