/**
 * Light theme — fixes for dark Tailwind leftovers on white UI.
 * Folder: css/ui-colors/light/
 */
html[data-theme="light"] .text-white {
  color: var(--cui-text);
}

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

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

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

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

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

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

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