/* PRO — light theme overrides (Tailwind slate utilities) */
html[data-theme="light"] {
    color-scheme: light;
}

html[data-theme="light"] body,
html[data-theme="light"] .bg-\[\#0f172a\],
html[data-theme="light"] .bg-\[\#0b1120\] {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

html[data-theme="light"] #pro-page-loader {
    background: #f1f5f9;
}

html[data-theme="light"] .pro-loader-ring {
    border-color: #cbd5e1;
    border-top-color: #059669;
}

html[data-theme="light"] .panel {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .panel-header {
    color: #64748b !important;
}

html[data-theme="light"] .bg-slate-900 { background-color: #ffffff !important; }
html[data-theme="light"] .bg-slate-800 { background-color: #ffffff !important; }
html[data-theme="light"] .bg-slate-800\/60 { background-color: rgba(255, 255, 255, 0.85) !important; }
html[data-theme="light"] .bg-slate-800\/50 { background-color: rgba(255, 255, 255, 0.75) !important; }
html[data-theme="light"] .bg-slate-700 { background-color: #f1f5f9 !important; }
html[data-theme="light"] .bg-slate-700\/50 { background-color: rgba(241, 245, 249, 0.8) !important; }
html[data-theme="light"] .hover\:bg-slate-700:hover { background-color: #e2e8f0 !important; }
html[data-theme="light"] .hover\:bg-slate-800:hover { background-color: #f8fafc !important; }

html[data-theme="light"] .border-slate-800,
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] .border-slate-700\/50 { border-color: #e2e8f0 !important; }

html[data-theme="light"] .text-white { color: #0f172a !important; }
html[data-theme="light"] .text-slate-200 { color: #334155 !important; }
html[data-theme="light"] .text-slate-300 { color: #475569 !important; }
html[data-theme="light"] .text-slate-400 { color: #64748b !important; }
html[data-theme="light"] .text-slate-500 { color: #94a3b8 !important; }
html[data-theme="light"] .text-slate-600 { color: #64748b !important; }

html[data-theme="light"] .screener-table th {
    background: #f8fafc !important;
}

html[data-theme="light"] .heat-med {
    background-color: rgba(148, 163, 184, 0.35) !important;
    color: #334155 !important;
}

html[data-theme="light"] .tariff-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .paywall-card {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] #pro-auth-modal > div,
html[data-theme="light"] #pro-profile-modal > div,
html[data-theme="light"] #league-picker-modal > div,
html[data-theme="light"] #full-heatmap-modal .bg-\[\#0b1120\] {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

html[data-theme="light"] .shadow-md {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .shadow-2xl {
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12) !important;
}

/* Keep accent colors readable on light bg */
html[data-theme="light"] .text-emerald-400,
html[data-theme="light"] .text-emerald-500 { color: #059669 !important; }
html[data-theme="light"] .text-red-400 { color: #dc2626 !important; }
html[data-theme="light"] .text-yellow-400 { color: #ca8a04 !important; }
html[data-theme="light"] .text-blue-400 { color: #2563eb !important; }