/*
  Legacy fallbacks for Tabler bg-$color utilities on older browsers (e.g., Chrome 87).
  These override modern color-mix()/oklab-based rules with static colors.
  Safe to load after vendors.css. Keep list minimal and focused on common colors.
*/

/* Base colors */
.bg-blue { background-color: #066fd1 !important; }
.bg-azure { background-color: #4299e1 !important; }
.bg-indigo { background-color: #4263eb !important; }
.bg-purple { background-color: #ae3ec9 !important; }
.bg-pink { background-color: #d6336c !important; }
.bg-red { background-color: #d63939 !important; }
.bg-orange { background-color: #f76707 !important; }
.bg-yellow { background-color: #f59f00 !important; }
.bg-lime { background-color: #74b816 !important; }
.bg-green { background-color: #2fb344 !important; }
.bg-teal { background-color: #0ca678 !important; }
.bg-cyan { background-color: #17a2b8 !important; }
.bg-dark { background-color: #212529 !important; }

/* Light variants (approximate) */
.bg-blue-lt { color: #206bc4 !important; background-color: #e6f0fb !important; }
.bg-azure-lt { color: #45aaf2 !important; background-color: #e9f7ff !important; }
.bg-indigo-lt { color: #6574cd !important; background-color: #eceeff !important; }
.bg-purple-lt { color: #a55eea !important; background-color: #f5e9ff !important; }
.bg-pink-lt { color: #f66d9b !important; background-color: #ffe9ef !important; }
.bg-red-lt { color: #fa4654 !important; background-color: #ffe6e9 !important; }
.bg-orange-lt { color: #ff922b !important; background-color: #fff0e3 !important; }
.bg-yellow-lt { color: #fab005 !important; background-color: #fff7e0 !important; }
.bg-lime-lt { color: #94d82d !important; background-color: #eef8df !important; }
.bg-green-lt { color: #2fb344 !important; background-color: #eaf7ec !important; }
.bg-teal-lt { color: #2bcbba !important; background-color: #e6faf7 !important; }
.bg-cyan-lt { color: #17a2b8 !important; background-color: #e6f7fa !important; }

/* Text foreground helpers often used with bg-*-lt */
.text-blue-fg { color: #ffffff !important; }
.text-azure-fg { color: #ffffff !important; }
.text-indigo-fg { color: #ffffff !important; }
.text-purple-fg { color: #ffffff !important; }
.text-pink-fg { color: #ffffff !important; }
.text-red-fg { color: #ffffff !important; }
.text-orange-fg { color: #ffffff !important; }
.text-yellow-fg { color: #ffffff !important; }
.text-lime-fg { color: #ffffff !important; }
.text-green-fg { color: #ffffff !important; }
.text-teal-fg { color: #ffffff !important; }
.text-cyan-fg { color: #ffffff !important; }