/* EduMaster theme accessibility fixes
 * Fix white text on light backgrounds by overriding utility classes when inside light containers.
 * This file is intended to be loaded after Tailwind output so we can selectively override.
 */

/*
 * Accessibility fixes for accidental white text on light backgrounds.
 * Loaded after Tailwind so we can safely override utility classes.
 * Use more specific compound selectors (no !important) to avoid
 * breaking intentionally white text on dark/gradient backgrounds.
 */

/* Target common light background utilities */
:where(.bg-white, .bg-gray-50, .bg-gray-100, .bg-gray-200, .bg-slate-50, .bg-amber-50, .bg-orange-50, .bg-blue-50, .bg-emerald-50) :where(.text-white) {
    color: #111827; /* text-gray-900 */
}

/* Also target light cards that may use rounded or border utilities */
:where(.rounded-2xl, .rounded-3xl, .rounded-[40px]) :where(.text-white) {
    color: #111827;
}

/* Muted text inside light backgrounds should be slightly darker for readability */
:where(.bg-white, .bg-gray-50) :where(.text-gray-400) {
    color: #6b7280;
}

/* Keep intentional inverted elements (badges/buttons) intact by preferring
   more specific classes on those elements (e.g., .badge, .btn) - if you see
   a specific element accidentally affected, we can refine selectors further. */

/* Buttons that use inverted styles should remain intact; target only accidental uses */
/* If additional conflicts appear, we'll refine selectors further. */