/* BG Hover Classes */
.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-teal:hover {
  background-color: var(--teal) !important;
}

.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-hover-maroon:hover {
  background-color: var(--maroon) !important;
}

.bg-hover-navy:hover {
  background-color: var(--navy) !important;
}

.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-lime:hover {
  background-color: var(--lime) !important;
}

.bg-hover-gray:hover {
  background-color: var(--gray) !important;
}

.bg-hover-brown:hover {
  background-color: var(--brown) !important;
}

.bg-hover-grape:hover {
  background-color: var(--grape) !important;
}

.bg-hover-vermillion:hover {
  background-color: var(--vermillion) !important;
}

.bg-hover-steel:hover {
  background-color: var(--steel) !important;
}

.bg-hover-greenroyal:hover {
  background-color: var(--greenroyal) !important;
}

.bg-hover-shades:hover {
  background-color: var(--shades) !important;
}

.bg-hover-grass:hover {
  background-color: var(--grass) !important;
}

.bg-hover-candy:hover {
  background-color: var(--candy) !important;
}

.bg-hover-elegant:hover {
  background-color: var(--elegant) !important;
}

.bg-hover-beach:hover {
  background-color: var(--beach) !important;
}

.bg-hover-kiwi:hover {
  background-color: var(--kiwi) !important;
}

.bg-hover-jelly:hover {
  background-color: var(--jelly) !important;
}

.bg-hover-office:hover {
  background-color: var(--office) !important;
}

.bg-hover-neon:hover {
  background-color: var(--neon) !important;
}

/* Text Hover Classes */
.text-hover-indigo:hover {
  color: var(--indigo) !important;
}

.text-hover-teal:hover {
  color: var(--teal) !important;
}

.text-hover-orange:hover {
  color: var(--orange) !important;
}

.text-hover-pink:hover {
  color: var(--pink) !important;
}

.text-hover-maroon:hover {
  color: var(--maroon) !important;
}

.text-hover-navy:hover {
  color: var(--navy) !important;
}

.text-hover-yellow:hover {
  color: var(--yellow) !important;
}

.text-hover-lime:hover {
  color: var(--lime) !important;
}

.text-hover-gray:hover {
  color: var(--gray) !important;
}

.text-hover-brown:hover {
  color: var(--brown) !important;
}

.text-hover-grape:hover {
  color: var(--grape) !important;
}

.text-hover-vermillion:hover {
  color: var(--vermillion) !important;
}

.text-hover-steel:hover {
  color: var(--steel) !important;
}

.text-hover-greenroyal:hover {
  color: var(--greenroyal) !important;
}

.text-hover-shades:hover {
  color: var(--shades) !important;
}

.text-hover-grass:hover {
  color: var(--grass) !important;
}

.text-hover-candy:hover {
  color: var(--candy) !important;
}

.text-hover-elegant:hover {
  color: var(--elegant) !important;
}

.text-hover-beach:hover {
  color: var(--beach) !important;
}

.text-hover-kiwi:hover {
  color: var(--kiwi) !important;
}

.text-hover-jelly:hover {
  color: var(--jelly) !important;
}

.text-hover-office:hover {
  color: var(--office) !important;
}

.text-hover-neon:hover {
  color: var(--neon) !important;
}