/**
 * Black & white theme — fixes (exams manage + dark Tailwind leftovers).
 * Folder: css/ui-colors/bw/
 */
html[data-theme="bw"] .text-white {
  color: var(--cui-text);
}

html[data-theme="bw"] .text-gray-200,
html[data-theme="bw"] .text-gray-300 {
  color: var(--cui-text);
}

html[data-theme="bw"] .text-gray-400 {
  color: var(--cui-text-muted);
}

html[data-theme="bw"] .border-gray-700,
html[data-theme="bw"] .border-gray-600,
html[data-theme="bw"] .divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--cui-border) !important;
}

html[data-theme="bw"] .bg-gray-900\/40,
html[data-theme="bw"] .bg-gray-900\/60,
html[data-theme="bw"] .bg-gray-800\/80,
html[data-theme="bw"] .bg-gray-800\/50,
html[data-theme="bw"] .bg-slate-800\/40 {
  background-color: rgba(0, 0, 0, 0.03) !important;
}

html[data-theme="bw"] .lms-brand-icon,
html[data-theme="bw"] .lms-avatar-badge {
  color: #ffffff !important;
}

html[data-theme="bw"] .text-blue-500,
html[data-theme="bw"] .text-blue-400,
html[data-theme="bw"] .text-blue-300,
html[data-theme="bw"] .text-blue-200,
html[data-theme="bw"] .text-indigo-400 {
  color: var(--cui-accent) !important;
}

html[data-theme="bw"] a[style*="color: var(--cui-accent)"] {
  color: var(--cui-accent-2) !important;
}

/* Neutralize colored exam / module panels */
html[data-theme="bw"] .text-purple-200,
html[data-theme="bw"] .text-purple-300,
html[data-theme="bw"] .text-purple-400,
html[data-theme="bw"] .text-purple-500,
html[data-theme="bw"] .text-purple-600,
html[data-theme="bw"] .text-green-200,
html[data-theme="bw"] .text-green-300,
html[data-theme="bw"] .text-green-400,
html[data-theme="bw"] .text-emerald-200,
html[data-theme="bw"] .text-emerald-300,
html[data-theme="bw"] .text-red-300,
html[data-theme="bw"] .text-red-400 {
  color: var(--cui-text) !important;
}

html[data-theme="bw"] .bg-blue-900\/10,
html[data-theme="bw"] .bg-blue-800\/30,
html[data-theme="bw"] .bg-blue-600\/30,
html[data-theme="bw"] .bg-purple-900\/10,
html[data-theme="bw"] .bg-purple-800\/30,
html[data-theme="bw"] .bg-green-900\/30,
html[data-theme="bw"] .bg-green-900,
html[data-theme="bw"] .bg-red-900 {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

html[data-theme="bw"] .bg-blue-600,
html[data-theme="bw"] .bg-blue-700,
html[data-theme="bw"] .hover\:bg-blue-700:hover,
html[data-theme="bw"] .bg-purple-600,
html[data-theme="bw"] .bg-purple-700,
html[data-theme="bw"] .hover\:bg-purple-700:hover {
  background-color: var(--cui-accent) !important;
  color: var(--cui-btn-primary-text) !important;
}

html[data-theme="bw"] .border-blue-700,
html[data-theme="bw"] .border-blue-600,
html[data-theme="bw"] .border-blue-500,
html[data-theme="bw"] .border-blue-500\/50,
html[data-theme="bw"] .border-purple-700,
html[data-theme="bw"] .border-purple-600,
html[data-theme="bw"] .border-purple-500,
html[data-theme="bw"] .border-green-500,
html[data-theme="bw"] .border-green-700,
html[data-theme="bw"] .border-red-700,
html[data-theme="bw"] .focus\:border-blue-500:focus,
html[data-theme="bw"] .focus\:border-purple-500:focus {
  border-color: var(--cui-border) !important;
}

html[data-theme="bw"] .hover\:border-blue-500:hover,
html[data-theme="bw"] .hover\:border-purple-500:hover {
  border-color: var(--cui-border-2) !important;
}

html[data-theme="bw"] .text-blue-300\/80,
html[data-theme="bw"] .group-hover\:text-blue-400:hover,
html[data-theme="bw"] .group:hover .group-hover\:text-blue-400 {
  color: var(--cui-text-muted) !important;
}

html[data-theme="bw"] .lms-admin-nav,
html[data-theme="bw"] .lms-theme-switcher,
html[data-theme="bw"] .lms-sidebar-profile-trigger {
  background: var(--cui-surface);
}