/* Estilos personalizados de Ares TV */
:root {
  --ares-red: #A855F7;
  --ares-red-hover: #EF4444;
  --ares-black: #0A0A0A;
  --ares-dark-card: #1A1A2A;
  --ares-light-gray: #F3F4F6;
  --ares-secondary: #000000;
  
  /* Variables para Tailwind */
  --tw-red-500: #A855F7;
  --tw-red-600: #A855F7;
  --tw-red-700: #EF4444;
}

/* Sobrescribir colores principales */
body { background-color: var(--ares-black) !important; color: var(--ares-light-gray) !important; }

/* TODAS las clases rojas de Tailwind */
.bg-red-50 { background-color: #A855F710 !important; }
.bg-red-100 { background-color: #A855F720 !important; }
.bg-red-200 { background-color: #A855F740 !important; }
.bg-red-300 { background-color: #A855F760 !important; }
.bg-red-400 { background-color: #A855F780 !important; }
.bg-red-500, .bg-red-600 { background-color: var(--ares-red) !important; }
.bg-red-700, .bg-red-800, .bg-red-900 { background-color: var(--ares-red-hover) !important; }

/* Textos rojos */
.text-red-400, .text-red-500, .text-red-600 { color: var(--ares-red) !important; }
.text-red-700, .text-red-800 { color: var(--ares-red-hover) !important; }

/* Bordes rojos */
.border-red-400, .border-red-500, .border-red-600 { border-color: var(--ares-red) !important; }
.border-red-700, .border-red-800 { border-color: var(--ares-red-hover) !important; }

/* Hovers */
.hover\:bg-red-600:hover, .hover\:bg-red-700:hover { background-color: var(--ares-red-hover) !important; }
.hover\:text-red-600:hover { color: var(--ares-red) !important; }

/* Gradientes */
.bg-gradient-to-r.from-red-600, .bg-gradient-to-r.from-red-500 { background: linear-gradient(to right, var(--ares-red), var(--ares-red-hover)) !important; }
.bg-gradient-to-b.from-red-600, .bg-gradient-to-b.from-red-500 { background: linear-gradient(to bottom, var(--ares-red), var(--ares-red-hover)) !important; }

/* Botones específicos */
button[class*='bg-red'], .btn-primary, .btn-red { background-color: var(--ares-red) !important; }
button[class*='bg-red']:hover { background-color: var(--ares-red-hover) !important; }

/* Clases específicas de Ares */
.bg-ares-red, .bg-gradient-primary { background-color: var(--ares-red) !important; }
.text-ares-red { color: var(--ares-red) !important; }
.border-ares-red { border-color: var(--ares-red) !important; }
.bg-ares-black { background-color: var(--ares-black) !important; }
.bg-ares-dark-card { background-color: var(--ares-dark-card) !important; }
.text-ares-light-gray { color: var(--ares-light-gray) !important; }