/* ============================================================
   Masnaa360 — Light theme overrides.
   The app is dark-first (Tailwind slate utilities inline).
   html.light remaps the dark surfaces to a clean light palette.
   ============================================================ */

html.light body { background-color: #eef2f6; color: #0f172a; }

/* Surfaces */
html.light .card { background: #ffffff; border-color: #e2e8f0; }
html.light .card-dark { background: #f8fafc; border-color: #e2e8f0; }
html.light [class*="bg-slate-95"] { background-color: #ffffff !important; }
html.light [class*="bg-slate-900"] { background-color: #f8fafc !important; }
html.light [class*="bg-slate-800"] { background-color: #eef2f7 !important; }
html.light .bg-black\/70 { background-color: rgba(15, 23, 42, 0.45) !important; }
html.light .tabs-sticky { background: rgba(238, 242, 246, 0.95) !important; }

/* Hero gradients */
html.light .from-slate-900 { --tw-gradient-from: #ffffff !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0)) !important; }
html.light .via-slate-800 { --tw-gradient-stops: var(--tw-gradient-from), #f3f6fa, var(--tw-gradient-to, rgba(243,246,250,0)) !important; }
html.light .to-slate-950 { --tw-gradient-to: #e8edf4 !important; }
html.light .to-purple-950 { --tw-gradient-to: #ede9fe !important; }
html.light [class*="from-purple-950"] { --tw-gradient-from: #f1ecfd !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(241,236,253,0)) !important; }
html.light .to-slate-900 { --tw-gradient-to: #ffffff !important; }
html.light .via-brand-card { --tw-gradient-stops: var(--tw-gradient-from), #f3f6fa, var(--tw-gradient-to, rgba(243,246,250,0)) !important; }

/* Text */
html.light .text-white { color: #0f172a !important; }
html.light [class*="text-cyan-1"] { color: #155e75 !important; }
html.light [class*="text-emerald-1"] { color: #065f46 !important; }
html.light [class*="text-amber-1"] { color: #92400e !important; }
html.light [class*="text-purple-1"] { color: #6b21a8 !important; }
html.light [class*="text-slate-2"] { color: #1e293b !important; }
html.light [class*="text-slate-3"] { color: #334155 !important; }
html.light [class*="text-slate-4"] { color: #55657a !important; }
html.light [class*="text-slate-5"] { color: #64748b !important; }
html.light .text-slate-950 { color: #ffffff !important; } /* text on solid colored buttons */

/* Accent text: -300/-400 shades are unreadable on white → darken */
html.light [class*="text-cyan-3"] { color: #0e7490 !important; }
html.light [class*="text-cyan-4"] { color: #0891b2 !important; }
html.light [class*="text-purple-2"], html.light [class*="text-purple-3"] { color: #7e22ce !important; }
html.light [class*="text-purple-4"] { color: #9333ea !important; }
html.light [class*="text-emerald-3"] { color: #047857 !important; }
html.light [class*="text-emerald-4"] { color: #059669 !important; }
html.light [class*="text-amber-2"], html.light [class*="text-amber-3"] { color: #b45309 !important; }
html.light [class*="text-amber-4"] { color: #d97706 !important; }
html.light [class*="text-rose-1"], html.light [class*="text-rose-2"], html.light [class*="text-rose-3"] { color: #be123c !important; }
html.light [class*="text-rose-4"] { color: #e11d48 !important; }
html.light [class*="text-blue-3"] { color: #1d4ed8 !important; }
html.light [class*="text-blue-4"] { color: #2563eb !important; }
html.light [class*="text-orange-3"] { color: #c2410c !important; }
html.light [class*="text-orange-4"] { color: #ea580c !important; }

/* Borders */
html.light [class*="border-slate-7"] { border-color: #d7dfe9 !important; }
html.light [class*="border-slate-8"] { border-color: #e2e8f0 !important; }

/* Tinted panels (colored /10 backgrounds look fine on light; soften borders) */
html.light [class*="bg-rose-950"] { background-color: #fff1f2 !important; }
html.light [class*="bg-purple-950"] { background-color: #faf5ff !important; }
html.light [class*="bg-emerald-950"] { background-color: #ecfdf5 !important; }
html.light [class*="bg-amber-950"] { background-color: #fffbeb !important; }
html.light [class*="bg-cyan-950"] { background-color: #ecfeff !important; }

/* Inputs & buttons */
html.light .inp { background: #ffffff; border-color: #cbd5e1; color: #0f172a; }
html.light .inp::placeholder { color: #94a3b8; }
html.light .btn-ghost { background: #f1f5f9; color: #334155; border-color: #cbd5e1; }
html.light .btn-ghost:hover:not(:disabled) { background: #e2e8f0; color: #0f172a; }
html.light label.lbl { color: #64748b; }

/* Scrollbars */
html.light .custom-scrollbar::-webkit-scrollbar-track { background: #e2e8f0; }
html.light .custom-scrollbar::-webkit-scrollbar-thumb { background: #94a3b8; }

/* Glows are too strong on light */
html.light .glow-accent { box-shadow: 0 0 14px rgba(6, 182, 212, 0.18); }
html.light .glow-purple { box-shadow: 0 0 14px rgba(168, 85, 247, 0.15); }

/* Help icons */
html.light .help-ico { color: #0e7490; background: rgba(14, 116, 144, 0.08); border-color: rgba(14, 116, 144, 0.35); }