/* ============================================================
   KRX brand overrides — aplicado por cima do tema EvoNexus.
   Mantém o layout dark (bg #0C111D, texto #F9FAFB).
   Recolore o accent do EvoNexus (purple/violet/indigo/blue)
   para o teal KRX #00C9B7.
   ============================================================ */

:root {
  --krx-accent: #00C9B7;
  --krx-accent-hover: #00B5A5;
  --krx-accent-soft: rgba(0, 201, 183, 0.12);
  --krx-text-secondary: #94A3B8;
}

/* Backgrounds — recolore qualquer accent comum do Tailwind para teal KRX */
.bg-violet-400, .bg-violet-500, .bg-violet-600, .bg-violet-700,
.bg-purple-400, .bg-purple-500, .bg-purple-600, .bg-purple-700,
.bg-indigo-400, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700,
.bg-blue-500,   .bg-blue-600,   .bg-blue-700,
.bg-fuchsia-500, .bg-fuchsia-600 {
  background-color: var(--krx-accent) !important;
}

/* Variantes claras (usadas em backgrounds suaves / chips) */
.bg-violet-50,  .bg-violet-100,  .bg-violet-200,
.bg-purple-50,  .bg-purple-100,  .bg-purple-200,
.bg-indigo-50,  .bg-indigo-100,  .bg-indigo-200,
.bg-blue-50,    .bg-blue-100 {
  background-color: var(--krx-accent-soft) !important;
}

/* Hover states */
.hover\:bg-violet-600:hover, .hover\:bg-violet-700:hover,
.hover\:bg-purple-600:hover, .hover\:bg-purple-700:hover,
.hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover,
.hover\:bg-blue-600:hover,   .hover\:bg-blue-700:hover {
  background-color: var(--krx-accent-hover) !important;
}

/* Text */
.text-violet-300, .text-violet-400, .text-violet-500, .text-violet-600,
.text-purple-300, .text-purple-400, .text-purple-500, .text-purple-600,
.text-indigo-300, .text-indigo-400, .text-indigo-500, .text-indigo-600,
.text-blue-400,   .text-blue-500,   .text-blue-600,
.text-fuchsia-400, .text-fuchsia-500 {
  color: var(--krx-accent) !important;
}

/* Borders */
.border-violet-400, .border-violet-500, .border-violet-600,
.border-purple-400, .border-purple-500, .border-purple-600,
.border-indigo-400, .border-indigo-500, .border-indigo-600,
.border-blue-400,   .border-blue-500,   .border-blue-600 {
  border-color: var(--krx-accent) !important;
}

/* Ring (focus rings do Tailwind) */
.ring-violet-500, .ring-purple-500, .ring-indigo-500, .ring-blue-500 {
  --tw-ring-color: var(--krx-accent) !important;
}

/* Gradientes — pinta o stop accent para teal */
.from-violet-500, .from-purple-500, .from-indigo-500, .from-blue-500 {
  --tw-gradient-from: var(--krx-accent) !important;
}
.to-violet-500, .to-purple-500, .to-indigo-500, .to-blue-500 {
  --tw-gradient-to: var(--krx-accent) !important;
}
.via-violet-500, .via-purple-500, .via-indigo-500, .via-blue-500 {
  --tw-gradient-via: var(--krx-accent) !important;
}