/* Media Vision — RED / BLACK / WARM GREY theme overrides
   Overrides default palette utilities used across the site
   (slate/gray cool greys -> warm beige/dark greys, blue -> brand vibrant red #FF2323). */

/* ---- text ---- */
html .text-slate-200 { color: #EFE7D8 !important; }
html .text-slate-300 { color: #E3D8C0 !important; }
html .text-slate-400 { color: #C9BA9D !important; }
html .text-slate-500 { color: #AC9A78 !important; }
html .text-slate-600 { color: #7C6D52 !important; }
html .text-gray-300   { color: #E0D5BE !important; }
html .text-gray-400   { color: #C4B496 !important; }
html .text-gray-500   { color: #A69575 !important; }
html .text-blue-100   { color: #FFE5E5 !important; }
html .text-blue-200   { color: #FFB3B3 !important; }
html .text-blue-300   { color: #FF8080 !important; }
html .text-blue-400   { color: #FF4D4D !important; }
html .text-blue-500   { color: #FF2323 !important; }
html .text-blue-600   { color: #FF2323 !important; }
html .text-blue-700   { color: #E2382B !important; }

/* ---- hover & group-hover text ---- */
html .hover\:text-blue-500:hover,
html .hover\:text-blue-600:hover,
html .group:hover .group-hover\:text-blue-500,
html .group:hover .group-hover\:text-blue-600,
html .group\/item:hover .group-hover\/item\:text-blue-500,
html .group\/item:hover .group-hover\/item\:text-blue-600 {
  color: #FF2323 !important;
}

/* ---- backgrounds ---- */
html .bg-slate-50  { background-color: #FEFBEA !important; }
html .bg-slate-100 { background-color: #F8F4E3 !important; }
html .bg-slate-800 { background-color: #171717 !important; }
html .bg-slate-900 { background-color: #111111 !important; }
html .bg-gray-50   { background-color: #FEFBEA !important; }
html .bg-blue-50   { background-color: #FFF0F0 !important; }
html .bg-blue-100  { background-color: #FFE0E0 !important; }
html .bg-blue-500  { background-color: #FF2323 !important; }
html .bg-blue-600  { background-color: #FF2323 !important; }
html .bg-blue-700  { background-color: #E2382B !important; }

/* ---- borders ---- */
html .border-slate-100 { border-color: #EFE7D5 !important; }
html .border-slate-200 { border-color: #E2D7C0 !important; }
html .border-slate-600 { border-color: #8A7A5E !important; }
html .border-slate-800 { border-color: #2A2A2A !important; }
html .border-gray-100  { border-color: #ECE3D0 !important; }
html .border-gray-200  { border-color: #DFD4BC !important; }
html .border-blue-200  { border-color: #FFC0C0 !important; }
html .border-blue-500  { border-color: #FF2323 !important; }
html .border-blue-600  { border-color: #FF2323 !important; }

/* ---- gradients ---- */
html .from-slate-900 { --tw-gradient-from: #111111 var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
html .from-gray-200  { --tw-gradient-from: #DFD4BC var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
html .from-blue-500  { --tw-gradient-from: #FF2323 var(--tw-gradient-from-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
html .to-blue-600    { --tw-gradient-to: #FF2323 var(--tw-gradient-to-position) !important; }