/*
 * Global Dark Mode consistency layer (site-wide).
 * Styling-only overrides for readability/contrast in dark mode.
 * Light mode remains unchanged.
 */

html.dark body {
    background-color: #111827;
    color: #f9fafb;
}

/* Typography contrast */
html.dark .text-gray-900 { color: #f3f4f6 !important; }
html.dark .text-gray-800 { color: #e5e7eb !important; }
html.dark .text-gray-700 { color: #d1d5db !important; }
html.dark .text-gray-600 { color: #cbd5e1 !important; }
html.dark .text-gray-500 { color: #9ca3af !important; }

/* Base surfaces */
html.dark .bg-white { background-color: #1f2937 !important; }
html.dark .border-gray-200,
html.dark .border-gray-300 {
    border-color: #374151 !important;
}

/* Form controls */
html.dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html.dark select,
html.dark textarea {
    background-color: #1f2937;
    border-color: #374151;
    color: #e5e7eb;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #9ca3af;
}

/* Cards / panels / dropdowns / modals */
html.dark .glass-panel,
html.dark .glass-panel-ads,
html.dark .luxury-card,
html.dark .luxury-card-ads,
html.dark [role="dialog"] > div > div,
html.dark .dropdown-menu {
    background-color: #1f2937;
    border-color: #374151;
}

/* Buttons */
html.dark button.bg-gray-900,
html.dark a.bg-gray-900 {
    background-color: #0f766e !important;
    color: #ffffff !important;
}

html.dark button.bg-gray-900:hover,
html.dark a.bg-gray-900:hover {
    background-color: #0d9488 !important;
}

/* Links in content areas */
html.dark main a:not(.bg-gray-900):not(.bg-white):not([class*="text-white"]) {
    color: #2dd4bf;
}

html.dark main a:hover:not(.bg-gray-900):not(.bg-white):not([class*="text-white"]) {
    color: #5eead4;
}

/* Badges / muted counters common issue */
html.dark .bg-gray-600.text-gray-400,
html.dark .dark\:bg-gray-600.dark\:text-gray-400 {
    background-color: #374151 !important;
    color: #e5e7eb !important;
}

/* Table readability */
html.dark table {
    color: #e5e7eb;
}

html.dark table thead {
    background-color: #111827;
}

html.dark table td,
html.dark table th {
    border-color: #374151;
}

/* Pagination */
html.dark nav[aria-label*="Pagination"] .text-gray-400 {
    color: #9ca3af !important;
}

/* Footer icons/text */
html.dark footer .text-blue-100,
html.dark footer .text-blue-100\/90,
html.dark footer .text-blue-100\/80 {
    color: #dbeafe !important;
}