/**
 * ServicePro — Global Light Mode Overrides
 * ────────────────────────────────────────
 * This file forces hardcoded dark-mode Tailwind utility classes 
 * to use Light Mode CSS variables when the HTML tag lacks the 'dark' class.
 * This prevents the need to edit 400+ view files manually.
 */

/* ── 1. Text Colors ── */
html:not(.dark) .text-white {
    color: var(--c-heading) !important;
}
html:not(.dark) .text-gray-400 {
    color: var(--c-muted) !important;
}
html:not(.dark) .text-gray-300 {
    color: var(--c-muted) !important;
}

/* BUT DO NOT override text-white on primary/colorful buttons */
html:not(.dark) .bg-primary.text-white,
html:not(.dark) .bg-purple-600.text-white,
html:not(.dark) .bg-indigo-600.text-white,
html:not(.dark) .bg-blue-600.text-white,
html:not(.dark) .bg-green-600.text-white,
html:not(.dark) .bg-red-600.text-white,
html:not(.dark) .bg-orange-500.text-white,
html:not(.dark) .bg-gray-700.text-white,
html:not(.dark) .bg-gray-800.text-white,
html:not(.dark) .bg-gradient-to-br.text-white,
html:not(.dark) .bg-accent.text-white {
    color: #ffffff !important;
}

/* ── 2. Backgrounds ── */
html:not(.dark) .bg-white\/5,
html:not(.dark) .bg-white\/10 {
    background-color: var(--c-ghost-bg) !important;
}
html:not(.dark) .bg-dark-800,
html:not(.dark) .bg-\[\#0b1119\],
html:not(.dark) .bg-\[\#1a1a2e\],
html:not(.dark) .bg-gray-800 {
    background-color: var(--c-input-bg) !important;
}

/* ── 3. Borders ── */
html:not(.dark) .border-white\/10,
html:not(.dark) .border-white\/5 {
    border-color: var(--c-border) !important;
}

/* ── 4. Forms/Inputs ── */
/* Inputs with focus states hardcoded to dark styles */
html:not(.dark) input.bg-dark-800,
html:not(.dark) input.bg-\[\#0b1119\],
html:not(.dark) textarea.bg-dark-800,
html:not(.dark) select.bg-\[\#0b1119\] {
    color: var(--c-input-text) !important;
}

/* Fix for nested white-text elements that were wrapped in hover:text-white */
html:not(.dark) .hover\:text-white:hover {
    color: var(--c-heading) !important;
}
html:not(.dark) .hover\:bg-white\/10:hover {
    background-color: var(--c-ghost-hover) !important;
}