/* ================================
   🔹 TEXT (FOREGROUND) HOVERS
   ================================ */
.hover-fg-red:hover       { color: #e51400 !important; }
.hover-fg-red-light:hover { color: #f86954 !important; }
.hover-fg-red-dark:hover  { color: #a40000 !important; }

.hover-fg-green:hover       { color: #60a917 !important; }
.hover-fg-green-light:hover { color: #9be04a !important; }
.hover-fg-green-dark:hover  { color: #3b6b0f !important; }

.hover-fg-blue:hover       { color: #1ba1e2 !important; }
.hover-fg-blue-light:hover { color: #66cfff !important; }
.hover-fg-blue-dark:hover  { color: #0067a3 !important; }

.hover-fg-yellow:hover       { color: #f0a30a !important; }
.hover-fg-yellow-light:hover { color: #ffd65c !important; }
.hover-fg-yellow-dark:hover  { color: #c07d00 !important; }

.hover-fg-orange:hover       { color: #fa6800 !important; }
.hover-fg-orange-light:hover { color: #ff9a52 !important; }
.hover-fg-orange-dark:hover  { color: #b44c00 !important; }

.hover-fg-pink:hover       { color: #e671b8 !important; }
.hover-fg-pink-light:hover { color: #f7a8d5 !important; }
.hover-fg-pink-dark:hover  { color: #a84c84 !important; }

.hover-fg-purple:hover       { color: #7e3878 !important; }
.hover-fg-purple-light:hover { color: #b574b1 !important; }
.hover-fg-purple-dark:hover  { color: #4e224a !important; }

.hover-fg-brown:hover       { color: #a0522d !important; }
.hover-fg-brown-light:hover { color: #d8906e !important; }
.hover-fg-brown-dark:hover  { color: #6b2f16 !important; }

.hover-fg-lime:hover       { color: #a4c400 !important; }
.hover-fg-lime-light:hover { color: #d4f057 !important; }
.hover-fg-lime-dark:hover  { color: #6e8700 !important; }

.hover-fg-teal:hover       { color: #00aba9 !important; }
.hover-fg-teal-light:hover { color: #4fd5d3 !important; }
.hover-fg-teal-dark:hover  { color: #007574 !important; }

.hover-fg-cyan:hover       { color: #00bcd4 !important; }
.hover-fg-cyan-light:hover { color: #62efff !important; }
.hover-fg-cyan-dark:hover  { color: #008fa1 !important; }

.hover-fg-indigo:hover       { color: #3f51b5 !important; }
.hover-fg-indigo-light:hover { color: #7986cb !important; }
.hover-fg-indigo-dark:hover  { color: #2c387e !important; }

.hover-fg-gray:hover       { color: #555555 !important; }
.hover-fg-gray-light:hover { color: #aaaaaa !important; }
.hover-fg-gray-dark:hover  { color: #333333 !important; }

.hover-fg-white:hover { color: #ffffff !important; }
.hover-fg-black:hover { color: #000000 !important; }

/* ================================
   🔹 BACKGROUND (BUTTON/TILE) HOVERS
   ================================ */
.hover-bg-red:hover       { background-color: #e51400 !important; color: #fff !important; }
.hover-bg-red-light:hover { background-color: #f86954 !important; color: #fff !important; }
.hover-bg-red-dark:hover  { background-color: #a40000 !important; color: #fff !important; }

.hover-bg-green:hover       { background-color: #60a917 !important; color: #fff !important; }
.hover-bg-green-light:hover { background-color: #9be04a !important; color: #000 !important; }
.hover-bg-green-dark:hover  { background-color: #3b6b0f !important; color: #fff !important; }

.hover-bg-blue:hover       { background-color: #1ba1e2 !important; color: #fff !important; }
.hover-bg-blue-light:hover { background-color: #66cfff !important; color: #000 !important; }
.hover-bg-blue-dark:hover  { background-color: #0067a3 !important; color: #fff !important; }

.hover-bg-yellow:hover       { background-color: #f0a30a !important; color: #000 !important; }
.hover-bg-yellow-light:hover { background-color: #ffd65c !important; color: #000 !important; }
.hover-bg-yellow-dark:hover  { background-color: #c07d00 !important; color: #fff !important; }

.hover-bg-orange:hover       { background-color: #fa6800 !important; color: #fff !important; }
.hover-bg-orange-light:hover { background-color: #ff9a52 !important; color: #000 !important; }
.hover-bg-orange-dark:hover  { background-color: #b44c00 !important; color: #fff !important; }

.hover-bg-pink:hover       { background-color: #e671b8 !important; color: #fff !important; }
.hover-bg-pink-light:hover { background-color: #f7a8d5 !important; color: #000 !important; }
.hover-bg-pink-dark:hover  { background-color: #a84c84 !important; color: #fff !important; }

.hover-bg-purple:hover       { background-color: #7e3878 !important; color: #fff !important; }
.hover-bg-purple-light:hover { background-color: #b574b1 !important; color: #000 !important; }
.hover-bg-purple-dark:hover  { background-color: #4e224a !important; color: #fff !important; }

.hover-bg-brown:hover       { background-color: #a0522d !important; color: #fff !important; }
.hover-bg-brown-light:hover { background-color: #d8906e !important; color: #000 !important; }
.hover-bg-brown-dark:hover  { background-color: #6b2f16 !important; color: #fff !important; }

.hover-bg-lime:hover       { background-color: #a4c400 !important; color: #000 !important; }
.hover-bg-lime-light:hover { background-color: #d4f057 !important; color: #000 !important; }
.hover-bg-lime-dark:hover  { background-color: #6e8700 !important; color: #fff !important; }

.hover-bg-teal:hover       { background-color: #00aba9 !important; color: #fff !important; }
.hover-bg-teal-light:hover { background-color: #4fd5d3 !important; color: #000 !important; }
.hover-bg-teal-dark:hover  { background-color: #007574 !important; color: #fff !important; }

.hover-bg-cyan:hover       { background-color: #00bcd4 !important; color: #fff !important; }
.hover-bg-cyan-light:hover { background-color: #62efff !important; color: #000 !important; }
.hover-bg-cyan-dark:hover  { background-color: #008fa1 !important; color: #fff !important; }

.hover-bg-indigo:hover       { background-color: #3f51b5 !important; color: #fff !important; }
.hover-bg-indigo-light:hover { background-color: #7986cb !important; color: #fff !important; }
.hover-bg-indigo-dark:hover  { background-color: #2c387e !important; color: #fff !important; }

.hover-bg-gray:hover       { background-color: #555555 !important; color: #fff !important; }
.hover-bg-gray-light:hover { background-color: #aaaaaa !important; color: #000 !important; }
.hover-bg-gray-dark:hover  { background-color: #333333 !important; color: #fff !important; }

.hover-bg-white:hover { background-color: #ffffff !important; color: #000 !important; }
.hover-bg-black:hover { background-color: #000000 !important; color: #fff !important; }