/* ####################################
   Colors & Background Styles: Standard Colors

   - Critical Rendering Path: Required (if used)

   Notes:
   - These are generic/standard colors, inspired by Bootstrap.
   - Blue, Indigo, Purple, Pink, Red, Orange, Yellow, Green, Teal, Cyan.
   - Values can be modified in Variables.css.
   - Modify standard color treatments if you like, but be mindful of impact on accessibility.
   - One option is to exclude these from your project in favor of only allowing site theme colors, or spot colors only.
   ################################## */

/*
    Background Colors
    - To do: Link hover colors are not all AA accessibility compliant, for lighter to light tints, even out of the box. Add more "--link" variables to these.
*/

.bg-color-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue);}
.bg-lightest-blue {--color: var(--site-text-color-dark); --bg: var(--site-color-blue-lightest);}
.bg-lighter-blue {--color: var(--site-text-color-dark); --bg: var(--site-color-blue-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-blue {--color: var(--site-text-color-dark); --bg: var(--site-color-blue-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-blue { --color: var(--site-text-color-dark); --bg: var(--site-color-blue-mid-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue-mid);}
.bg-mid-dark-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue-mid-dark);}
.bg-dark-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue-dark)}
.bg-darker-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue-darker);}
.bg-darkest-blue {--color: var(--site-text-color-bright); --bg: var(--site-color-blue-darkest);}

.bg-color-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo);}
.bg-lightest-indigo {--color: var(--site-text-color-dark); --bg: var(--site-color-indigo-lightest);}
.bg-lighter-indigo {--color: var(--site-text-color-dark); --bg: var(--site-color-indigo-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-indigo {--color: var(--site-text-color-dark); --bg: var(--site-color-indigo-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-mid-light); --link-color: var(--site-linke-color-bright);}
.bg-mid-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-mid);}
.bg-mid-dark-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-mid-dark);}
.bg-dark-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-dark);}
.bg-darker-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-darker);}
.bg-darkest-indigo {--color: var(--site-text-color-bright); --bg: var(--site-color-indigo-darkest);}

.bg-color-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple);}
.bg-lightest-purple {--color: var(--site-text-color-dark); --bg: var(--site-color-purple-lightest);}
.bg-lighter-purple {--color: var(--site-text-color-dark); --bg: var(--site-color-purple-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-purple {--color: var(--site-text-color-dark); --bg: var(--site-color-purple-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-purple {--color: var(--site-text-color-dark); --bg: var(--site-color-purple-mid-light);}
.bg-mid-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple-mid);}
.bg-mid-dark-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple-mid-dark);}
.bg-dark-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple-dark);}
.bg-darker-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple-darker);}
.bg-darkest-purple {--color: var(--site-text-color-bright); --bg: var(--site-color-purple-darkest);}

.bg-color-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink);}
.bg-lightest-pink {--color: var(--site-text-color-dark); --bg: var(--site-color-pink-lightest);}
.bg-lighter-pink {--color: var(--site-text-color-dark); --bg: var(--site-color-pink-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-pink {--color: var(--site-text-color-dark); --bg: var(--site-color-pink-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-pink {--color: var(--site-text-color-dark); --bg: var(--site-color-pink-mid-light);}
.bg-mid-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink-mid);}
.bg-mid-dark-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink-mid-dark);}
.bg-dark-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink-dark);}
.bg-darker-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink-darker);}
.bg-darkest-pink {--color: var(--site-text-color-bright); --bg: var(--site-color-pink-darkest);}

.bg-color-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red);}
.bg-lightest-red {--color: var(--site-text-color-dark); --bg: var(--site-color-red-lightest);}
.bg-lighter-red {--color: var(--site-text-color-dark); --bg: var(--site-color-red-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-red {--color: var(--site-text-color-dark); --bg: var(--site-color-red-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-red {--color: var(--site-text-color-dark); --bg: var(--site-color-red-mid-light);}
.bg-mid-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red-mid);}
.bg-mid-dark-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red-mid-dark);}
.bg-dark-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red-dark);}
.bg-darker-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red-darker);}
.bg-darkest-red {--color: var(--site-text-color-bright); --bg: var(--site-color-red-darkest);}

.bg-color-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange);}
.bg-lightest-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-lightest);}
.bg-lighter-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-lighter);}
.bg-light-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-mid-light);}
.bg-mid-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-mid); --link-color: var(--site-linke-color-dark);}
.bg-mid-dark-orange {--color: var(--site-text-color-dark); --bg: var(--site-color-orange-mid-dark); --link-color: var(--site-linke-color-dark);}
.bg-dark-orange {--color: var(--site-text-color-bright); --bg: var(--site-color-orange-dark);}
.bg-darker-orange {--color: var(--site-text-color-bright); --bg: var(--site-color-orange-darker);}
.bg-darkest-orange {--color: var(--site-text-color-bright); --bg: var(--site-color-orange-darkest);}

.bg-color-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow);}
.bg-lightest-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-lightest);}
.bg-lighter-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-lighter);}
.bg-light-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-light);}
.bg-mid-light-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-mid-light);}
.bg-mid-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-mid); --link-color: var(--site-linke-color-dark);}
.bg-mid-dark-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-mid-dark); --link-color: var(--site-linke-color-dark);}
.bg-dark-yellow {--color: var(--site-text-color-dark); --bg: var(--site-color-yellow-dark); --link-color: var(--site-linke-color-dark);}
.bg-darker-yellow {--color: var(--site-text-color-bright); --bg: var(--site-color-yellow-darker);}
.bg-darkest-yellow {--color: var(--site-text-color-bright); --bg: var(--site-color-yellow-darkest);}

.bg-color-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green);}
.bg-lightest-green {--color: var(--site-text-color-dark); --bg: var(--site-color-green-lightest);}
.bg-lighter-green {--color: var(--site-text-color-dark); --bg: var(--site-color-green-lighter); --link-color: var(--site-linke-color-dark);}
.bg-light-green {--color: var(--site-text-color-dark); --bg: var(--site-color-green-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-green {--color: var(--site-text-color-dark); --bg: var(--site-color-green-mid-light);}
.bg-mid-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green-mid);}
.bg-mid-dark-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green-mid-dark);}
.bg-dark-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green-dark);}
.bg-darker-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green-darker);}
.bg-darkest-green {--color: var(--site-text-color-bright); --bg: var(--site-color-green-darkest);}

.bg-color-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal);}
.bg-lightest-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-lightest);}
.bg-lighter-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-lighter);}
.bg-light-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-mid-light);}
.bg-mid-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-mid); --link-color: var(--site-linke-color-dark);}
.bg-mid-dark-teal {--color: var(--site-text-color-dark); --bg: var(--site-color-teal-mid-dark); --link-color: var(--site-linke-color-dark);}
.bg-dark-teal {--color: var(--site-text-color-bright); --bg: var(--site-color-teal-dark);}
.bg-darker-teal {--color: var(--site-text-color-bright); --bg: var(--site-color-teal-darker);}
.bg-darkest-teal {--color: var(--site-text-color-bright); --bg: var(--site-color-teal-darkest);}

.bg-color-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan);}
.bg-lightest-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-lightest);}
.bg-lighter-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-lighter);}
.bg-light-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-light); --link-color: var(--site-linke-color-dark);}
.bg-mid-light-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-mid-light);}
.bg-mid-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-mid); --link-color: var(--site-linke-color-dark);}
.bg-mid-dark-cyan {--color: var(--site-text-color-dark); --bg: var(--site-color-cyan-mid-dark); --link-color: var(--site-linke-color-dark);}
.bg-dark-cyan {--color: var(--site-text-color-bright); --bg: var(--site-color-cyan-dark);}
.bg-darker-cyan {--color: var(--site-text-color-bright); --bg: var(--site-color-cyan-darker);}
.bg-darkest-cyan {--color: var(--site-text-color-bright); --bg: var(--site-color-cyan-darkest);}

/*
    Border Colors
*/

.border-blue { border-color: var(--site-color-blue); }
.border-light-blue { border-color: var(--site-mid-light-blue); }
.border-dark-blue { border-color: var(--site-mid-dark-blue); }
.border-indigo { border-color: var(--site-color-indigo); }
.border-light-indigo { border-color: var(--site-mid-light-indigo); }
.border-dark-indigo { border-color: var(--site-mid-dark-indigo); }
.border-purple { border-color: var(--site-color-purple); }
.border-light-purple { border-color: var(--site-mid-light-purple); }
.border-dark-purple { border-color: var(--site-mid-dark-purple); }
.border-pink { border-color: var(--site-color-pink); }
.border-light-pink { border-color: var(--site-mid-light-pink); }
.border-dark-pink { border-color: var(--site-mid-dark-pink); }
.border-red { border-color: var(--site-color-red); }
.border-light-red { border-color: var(--site-mid-light-red); }
.border-dark-red { border-color: var(--site-mid-dark-red); }
.border-orange { border-color: var(--site-color-orange); }
.border-light-orange { border-color: var(--site-mid-light-orange); }
.border-dark-orange { border-color: var(--site-mid-dark-orange); }
.border-yellow { border-color: var(--site-color-yellow); }
.border-light-yellow { border-color: var(--site-mid-light-yellow); }
.border-dark-yellow { border-color: var(--site-mid-dark-yellow); }
.border-green { border-color: var(--site-color-green); }
.border-light-green { border-color: var(--site-mid-light-green); }
.border-dark-green { border-color: var(--site-mid-dark-green); }
.border-teal { border-color: var(--site-color-teal); }
.border-light-teal { border-color: var(--site-mid-light-teal); }
.border-dark-teal { border-color: var(--site-mid-dark-teal); }
.border-cyan { border-color: var(--site-color-cyan); }
.border-light-cyan { border-color: var(--site-mid-light-cyan); }
.border-dark-cyan { border-color: var(--site-mid-dark-cyan); }

/*
    Text & Icon Colors
*/

.color-blue {--color: var(--site-color-blue) !important; color: var(--site-color-blue) !important;}
.color-lightest-blue {--color: var(--site-color-blue-lightest) !important; color: var(--site-color-blue-lightest) !important;}
.color-lighter-blue {--color: var(--site-color-blue-lighter) !important; color: var(--site-color-blue-lighter) !important;}
.color-light-blue {--color: var(--site-color-blue-light) !important; color: var(--site-color-blue-light) !important;}
.color-mid-light-blue {--color: var(--site-color-blue-mid-light) !important; color: var(--site-color-blue-mid-light) !important;}
.color-mid-blue {--color: var(--site-color-blue-mid) !important; color: var(--site-color-blue-mid) !important;}
.color-mid-dark-blue {--color: var(--site-color-blue-mid-dark) !important; color: var(--site-color-blue-mid-dark) !important;}
.color-dark-blue {--color: var(--site-color-blue-dark) !important; color: var(--site-color-blue-dark) !important;}
.color-darker-blue {--color: var(--site-color-blue-darker) !important; color: var(--site-color-blue-darker) !important;}
.color-darkest-blue {--color: var(--site-color-blue-darkest) !important; color: var(--site-color-blue-darkest) !important;}

.color-indigo {--color: var(--site-color-indigo) !important; color: var(--site-color-indigo) !important;}
.color-lightest-indigo {--color: var(--site-color-indigo-lightest) !important; color: var(--site-color-indigo-lightest) !important;}
.color-lighter-indigo {--color: var(--site-color-indigo-lighter) !important; color: var(--site-color-indigo-lighter) !important;}
.color-light-indigo {--color: var(--site-color-indigo-light) !important; color: var(--site-color-indigo-light) !important;}
.color-mid-light-indigo {--color: var(--site-color-indigo-mid-light) !important; color: var(--site-color-indigo-mid-light) !important;}
.color-mid-indigo {--color: var(--site-color-indigo-mid) !important; color: var(--site-color-indigo-mid) !important;}
.color-mid-dark-indigo {--color: var(--site-color-indigo-mid-dark) !important; color: var(--site-color-indigo-mid-dark) !important;}
.color-dark-indigo {--color: var(--site-color-indigo-dark) !important; color: var(--site-color-indigo-dark) !important;}
.color-darker-indigo {--color: var(--site-color-indigo-darker) !important; color: var(--site-color-indigo-darker) !important;}
.color-darkest-indigo {--color: var(--site-color-indigo-darkest) !important; color: var(--site-color-indigo-darkest) !important;}

.color-purple {--color: var(--site-color-purple) !important; color: var(--site-color-purple) !important;}
.color-lightest-purple {--color: var(--site-color-purple-lightest) !important; color: var(--site-color-purple-lightest) !important;}
.color-lighter-purple {--color: var(--site-color-purple-lighter) !important; color: var(--site-color-purple-lighter) !important;}
.color-light-purple {--color: var(--site-color-purple-light) !important; color: var(--site-color-purple-light) !important;}
.color-mid-light-purple {--color: var(--site-color-purple-mid-light) !important; color: var(--site-color-purple-mid-light) !important;}
.color-mid-purple {--color: var(--site-color-purple-mid) !important; color: var(--site-color-purple-mid) !important;}
.color-mid-dark-purple {--color: var(--site-color-purple-mid-dark) !important; color: var(--site-color-purple-mid-dark) !important;}
.color-dark-purple {--color: var(--site-color-purple-dark) !important; color: var(--site-color-purple-dark) !important;}
.color-darker-purple {--color: var(--site-color-purple-darker) !important; color: var(--site-color-purple-darker) !important;}
.color-darkest-purple {--color: var(--site-color-purple-darkest) !important; color: var(--site-color-purple-darkest) !important;}

.color-pink {--color: var(--site-color-pink) !important; color: var(--site-color-pink) !important;}
.color-lightest-pink {--color: var(--site-color-pink-lightest) !important; color: var(--site-color-pink-lightest) !important;}
.color-lighter-pink {--color: var(--site-color-pink-lighter) !important; color: var(--site-color-pink-lighter) !important;}
.color-light-pink {--color: var(--site-color-pink-light) !important; color: var(--site-color-pink-light) !important;}
.color-mid-light-pink {--color: var(--site-color-pink-mid-light) !important; color: var(--site-color-pink-mid-light) !important;}
.color-mid-pink {--color: var(--site-color-pink-mid) !important; color: var(--site-color-pink-mid) !important;}
.color-mid-dark-pink {--color: var(--site-color-pink-mid-dark) !important; color: var(--site-color-pink-mid-dark) !important;}
.color-dark-pink {--color: var(--site-color-pink-dark) !important; color: var(--site-color-pink-dark) !important;}
.color-darker-pink {--color: var(--site-color-pink-darker) !important; color: var(--site-color-pink-darker) !important;}
.color-darkest-pink {--color: var(--site-color-pink-darkest) !important; color: var(--site-color-pink-darkest) !important;}

.color-red {--color: var(--site-color-red) !important; color: var(--site-color-red) !important;}
.color-lightest-red {--color: var(--site-color-red-lightest) !important; color: var(--site-color-red-lightest) !important;}
.color-lighter-red {--color: var(--site-color-red-lighter) !important; color: var(--site-color-red-lighter) !important;}
.color-light-red {--color: var(--site-color-red-light) !important; color: var(--site-color-red-light) !important;}
.color-mid-light-red {--color: var(--site-color-red-mid-light) !important; color: var(--site-color-red-mid-light) !important;}
.color-mid-red {--color: var(--site-color-red-mid) !important; color: var(--site-color-red-mid) !important;}
.color-mid-dark-red {--color: var(--site-color-red-mid-dark) !important; color: var(--site-color-red-mid-dark) !important;}
.color-dark-red {--color: var(--site-color-red-dark) !important; color: var(--site-color-red-dark) !important;}
.color-darker-red {--color: var(--site-color-red-darker) !important; color: var(--site-color-red-darker) !important;}
.color-darkest-red {--color: var(--site-color-red-darkest) !important; color: var(--site-color-red-darkest) !important;}

.color-orange {--color: var(--site-color-orange) !important; color: var(--site-color-orange) !important;}
.color-lightest-orange {--color: var(--site-color-orange-lightest) !important; color: var(--site-color-orange-lightest) !important;}
.color-lighter-orange {--color: var(--site-color-orange-lighter) !important; color: var(--site-color-orange-lighter) !important;}
.color-light-orange {--color: var(--site-color-orange-light) !important; color: var(--site-color-orange-light) !important;}
.color-mid-light-orange {--color: var(--site-color-orange-mid-light) !important; color: var(--site-color-orange-mid-light) !important;}
.color-mid-orange {--color: var(--site-color-orange-mid) !important; color: var(--site-color-orange-mid) !important;}
.color-mid-dark-orange {--color: var(--site-color-orange-mid-dark) !important; color: var(--site-color-orange-mid-dark) !important;}
.color-dark-orange {--color: var(--site-color-orange-dark) !important; color: var(--site-color-orange-dark) !important;}
.color-darker-orange {--color: var(--site-c--site-color-orange-darkerolor-) !important; color: var(--site-color-orange-darker) !important;}
.color-darkest-orange {--color: var(--site-color-orange-darkest) !important; color: var(--site-color-orange-darkest) !important;}

.color-yellow {--color: var(--site-color-yellow) !important; color: var(--site-color-yellow) !important;}
.color-lightest-yellow {--color: var(--site-color-yellow-lightest) !important; color: var(--site-color-yellow-lightest) !important;}
.color-lighter-yellow {--color: var(--site-color-yellow-lighter) !important; color: var(--site-color-yellow-lighter) !important;}
.color-light-yellow {--color: var(--site-color-yellow-light) !important; color: var(--site-color-yellow-light) !important;}
.color-mid-light-yellow {--color: var(--site-color-yellow-mid-light) !important; color: var(--site-color-yellow-mid-light) !important;}
.color-mid-yellow {--color: var(--site-color-yellow-mid) !important; color: var(--site-color-yellow-mid) !important;}
.color-mid-dark-yellow {--color: var(--site-color-yellow-mid-dark) !important; color: var(--site-color-yellow-mid-dark) !important;}
.color-dark-yellow {--color: var(--site-color-yellow-dark) !important; color: var(--site-color-yellow-dark) !important;}
.color-darker-yellow {--color: var(--site-color-yellow-darker) !important; color: var(--site-color-yellow-darker) !important;}
.color-darkest-yellow {--color: var(--site-color-yellow-darkest) !important; color: var(--site-color-yellow-darkest) !important;}

.color-green {--color: var(--site-color-green) !important; color: var(--site-color-green) !important;}
.color-lightest-green {--color: var(--site-color-green-lightest) !important; color: var(--site-color-green-lightest) !important;}
.color-lighter-green {--color: var(--site-color-green-lighter) !important; color: var(--site-color-green-lighter) !important;}
.color-light-green {--color: var(--site-color-green-light) !important; color: var(--site-color-green-light) !important;}
.color-mid-light-green {--color: var(--site-color-green-mid-light) !important; color: var(--site-color-green-mid-light) !important;}
.color-mid-green {--color: var(--site-color-green-mid) !important; color: var(--site-color-green-mid) !important;}
.color-mid-dark-green {--color: var(--site-color-green-mid-dark) !important; color: var(--site-color-green-mid-dark) !important;}
.color-dark-green {--color: var(--site-color-green-dark) !important; color: var(--site-color-green-dark) !important;}
.color-darker-green {--color: var(--site-color-green-darkest) !important; color: var(--site-color-green-darkest) !important;}
.color-darkest-green {--color: var(--site-color-green-darkest) !important; color: var(--site-color-green-darkest) !important;}

.color-teal {--color: var(--site-color-teal) !important; color: var(--site-color-teal) !important;}
.color-lightest-teal {--color: var(--site-color-teal-lightest) !important; color: var(--site-color-teal-lightest) !important;}
.color-lighter-teal {--color: var(--site-color-teal-lighter) !important; color: var(--site-color-teal-lighter) !important;}
.color-light-teal {--color: var(--site-color-teal-light) !important; color: var(--site-color-teal-light) !important;}
.color-mid-light-teal {--color: var(--site-color-teal-mid-light) !important; color: var(--site-color-teal-mid-light) !important;}
.color-mid-teal {--color: var(--site-color-teal-mid) !important; color: var(--site-color-teal-mid) !important;}
.color-mid-dark-teal {--color: var(--site-color-teal-mid-dark) !important; color: var(--site-color-teal-mid-dark) !important;}
.color-dark-teal {--color: var(--site-color-teal-dark) !important; color: var(--site-color-teal-dark) !important;}
.color-darker-teal {--color: var(--site-color-teal-darker) !important; color: var(--site-color-teal-darker) !important;}
.color-darkest-teal {--color: var(--site-color-teal-darkest) !important; color: var(--site-color-teal-darkest) !important;}

.color-cyan {--color: var(--site-color-cyan) !important; color: var(--site-color-cyan) !important;}
.color-lightest-cyan {--color: var(--site-color-cyan-lightest) !important; color: var(--site-color-cyan-lightest) !important;}
.color-lighter-cyan {--color: var(--site-color-cyan-lighter) !important; color: var(--site-color-cyan-lighter) !important;}
.color-light-cyan {--color: var(--site-color-cyan-light) !important; color: var(--site-color-cyan-light) !important;}
.color-mid-light-cyan {--color: var(--site-color-cyan-mid-light) !important; color: var(--site-color-cyan-mid-light) !important;}
.color-mid-cyan {--color: var(--site-color-cyan-mid) !important; color: var(--site-color-cyan-mid) !important;}
.color-mid-dark-cyan {--color: var(--site-color-cyan-mid-dark) !important; color: var(--site-color-cyan-mid-dark) !important;}
.color-dark-cyan {--color: var(--site-color-cyan-dark) !important; color: var(--site-color-cyan-dark) !important;}
.color-darker-cyan {--color: var(--site-color-cyan-darker) !important; color: var(--site-color-cyan-darker) !important;}
.color-darkest-cyan {--color: var(--site-color-cyan-darkest) !important; color: var(--site-color-cyan-darkest) !important;}