/* Cognitudo rebrand override for Paperclip (nginx-level) */
:root {
  --primary: #5A17EB;
  --accent: #5A17EB;
  --brand: #5A17EB;
}

/* Backgrounds: blue & violet accent -> Cognitudo purple */
.bg-blue-400, .bg-blue-500, .bg-blue-600, .bg-blue-700,
.bg-indigo-400, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700,
.bg-violet-400, .bg-violet-500, .bg-violet-600, .bg-violet-700,
.bg-primary, .bg-accent {
  background-color: #5A17EB !important;
}
.bg-blue-100, .bg-indigo-100, .bg-violet-100 {
  background-color: #EDE4FE !important;
}
.bg-blue-900, .bg-indigo-900, .bg-violet-900 {
  background-color: #3A0F9A !important;
}

/* Hover backgrounds */
.hover\:bg-blue-400:hover, .hover\:bg-blue-500:hover, .hover\:bg-blue-600:hover, .hover\:bg-blue-700:hover,
.hover\:bg-indigo-400:hover, .hover\:bg-indigo-500:hover, .hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover,
.hover\:bg-violet-400:hover, .hover\:bg-violet-500:hover, .hover\:bg-violet-600:hover, .hover\:bg-violet-700:hover {
  background-color: #6D28D9 !important;
}

/* Text colors */
.text-blue-300, .text-blue-400, .text-blue-500, .text-blue-600, .text-blue-700,
.text-indigo-300, .text-indigo-400, .text-indigo-500, .text-indigo-600, .text-indigo-700,
.text-violet-300, .text-violet-400, .text-violet-500, .text-violet-600, .text-violet-700,
.text-primary, .text-accent {
  color: #7C3AED !important;
}

.hover\:text-blue-400:hover, .hover\:text-blue-500:hover, .hover\:text-blue-600:hover,
.hover\:text-indigo-400:hover, .hover\:text-indigo-500:hover, .hover\:text-indigo-600:hover,
.hover\:text-violet-400:hover, .hover\:text-violet-500:hover, .hover\:text-violet-600:hover {
  color: #5A17EB !important;
}

/* Borders */
.border-blue-400, .border-blue-500, .border-blue-600,
.border-indigo-400, .border-indigo-500, .border-indigo-600,
.border-violet-400, .border-violet-500, .border-violet-600 {
  border-color: #5A17EB !important;
}

/* Rings (focus) */
.ring-blue-400, .ring-blue-500, .ring-blue-600,
.ring-indigo-400, .ring-indigo-500, .ring-indigo-600,
.ring-violet-400, .ring-violet-500, .ring-violet-600,
.focus\:ring-blue-500:focus, .focus\:ring-indigo-500:focus, .focus\:ring-violet-500:focus {
  --tw-ring-color: #5A17EB !important;
  border-color: #5A17EB !important;
}

/* Gradients */
.from-blue-400, .from-blue-500, .from-blue-600,
.from-indigo-400, .from-indigo-500, .from-indigo-600,
.from-violet-400, .from-violet-500, .from-violet-600 {
  --tw-gradient-from: #5A17EB !important;
  --tw-gradient-to: rgba(90,23,235,0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.to-blue-400, .to-blue-500, .to-blue-600,
.to-indigo-400, .to-indigo-500, .to-indigo-600,
.to-violet-400, .to-violet-500, .to-violet-600 {
  --tw-gradient-to: #7C3AED !important;
}

/* ===== Cognitudo rebrand v2: menu highlight text + toggle switches ===== */

/* 1) White text on purple-override backgrounds (menu/list active & hover states) */
.bg-blue-400, .bg-blue-500, .bg-blue-600, .bg-blue-700,
.bg-indigo-400, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700,
.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-primary, .bg-accent {
  color: #ffffff !important;
}
.bg-blue-400 *, .bg-blue-500 *, .bg-blue-600 *, .bg-blue-700 *,
.bg-indigo-400 *, .bg-indigo-500 *, .bg-indigo-600 *, .bg-indigo-700 *,
.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-primary *, .bg-accent * {
  color: #ffffff !important;
}

/* Hover states — purple bg means white text */
.hover\:bg-blue-500:hover, .hover\:bg-blue-600:hover, .hover\:bg-blue-700:hover,
.hover\:bg-indigo-500:hover, .hover\:bg-indigo-600:hover, .hover\:bg-indigo-700:hover,
.hover\:bg-violet-500:hover, .hover\:bg-violet-600:hover, .hover\:bg-violet-700:hover,
.hover\:bg-purple-500:hover, .hover\:bg-purple-600:hover, .hover\:bg-purple-700:hover,
.hover\:bg-primary:hover, .hover\:bg-accent:hover {
  color: #ffffff !important;
}
.hover\:bg-blue-500:hover *, .hover\:bg-blue-600:hover *, .hover\:bg-blue-700:hover *,
.hover\:bg-indigo-500:hover *, .hover\:bg-indigo-600:hover *, .hover\:bg-indigo-700:hover *,
.hover\:bg-violet-500:hover *, .hover\:bg-violet-600:hover *, .hover\:bg-violet-700:hover *,
.hover\:bg-purple-500:hover *, .hover\:bg-purple-600:hover *, .hover\:bg-purple-700:hover * {
  color: #ffffff !important;
}

/* Radix/ARIA active & selected states (menu, combobox, listbox, tabs, select) */
[data-state="active"],
[data-state="on"],
[data-state="checked"],
[data-state="open"][data-highlighted],
[aria-selected="true"],
[data-highlighted],
[data-selected="true"] {
  /* inherit our palette if the item was painted purple */
}
[data-state="active"].bg-blue-500, [data-state="active"].bg-blue-600, [data-state="active"].bg-blue-700,
[data-state="active"].bg-indigo-500, [data-state="active"].bg-indigo-600, [data-state="active"].bg-indigo-700,
[data-state="active"].bg-violet-500, [data-state="active"].bg-violet-600, [data-state="active"].bg-violet-700,
[data-state="active"].bg-purple-500, [data-state="active"].bg-purple-600, [data-state="active"].bg-purple-700,
[data-state="active"],
[aria-selected="true"],
[data-highlighted],
[data-selected="true"] {
  color: #ffffff !important;
}
[data-highlighted] *, [aria-selected="true"] *, [data-state="active"] *, [data-selected="true"] * {
  color: #ffffff !important;
}

/* 2) Radix Switch: checked state -> Cognitudo purple */
[role="switch"][data-state="checked"],
button[role="switch"][data-state="checked"],
[data-state="checked"][role="switch"] {
  background-color: #5A17EB !important;
  border-color: #5A17EB !important;
}
[role="switch"][data-state="checked"] > span,
[role="switch"][data-state="checked"] [data-state="checked"] {
  /* thumb stays white (Radix default) — no change */
}

/* Green -> purple ONLY within switch context (preserve success-green elsewhere) */
[role="switch"].bg-green-400,
[role="switch"].bg-green-500,
[role="switch"].bg-green-600,
[role="switch"].bg-green-700,
[role="switch"].bg-emerald-400,
[role="switch"].bg-emerald-500,
[role="switch"].bg-emerald-600,
[role="switch"][class*="bg-green"],
[role="switch"][class*="bg-emerald"] {
  background-color: #5A17EB !important;
}

/* Tailwind data-[state=checked]:bg-green-* variants inside switches */
[role="switch"][data-state="checked"][class*="green"],
[role="switch"][data-state="checked"][class*="emerald"] {
  background-color: #5A17EB !important;
}