/* SalesRep light mode — activated by html.sr-light (preference in localStorage 'sr-theme').
   The site's markup uses a fixed dark palette; this sheet remaps those tokens to light equivalents. */

html.sr-light {
    --background: 210 40% 98%;
    --foreground: 222 47% 11%;
    color-scheme: light;
}

/* ---- Page + section backgrounds ---- */
html.sr-light [class*="bg-[#0f172a]"],
html.sr-light [class*="bg-[#0b1120]"],
html.sr-light [class*="bg-[#0c1222]"],
html.sr-light [class*="bg-[#0c1322]"],
html.sr-light [class*="bg-[#0d1117]"],
html.sr-light [class*="bg-[#020617]"],
html.sr-light [class*="bg-[#0a0a23]"],
html.sr-light [class*="bg-slate-950"],
html.sr-light [class*="bg-slate-900"],
html.sr-light [class*="bg-gray-950"] { background-color: #f8fafc !important; }

/* Cards and panels */
html.sr-light [class*="bg-[#1e293b]"],
html.sr-light [class*="bg-[#171e2c]"] { background-color: #ffffff !important; }
html.sr-light [class*="bg-[#141c2e]"],
html.sr-light [class*="bg-[#161b22]"],
html.sr-light [class*="bg-[#1a2744]"],
html.sr-light [class*="bg-[#161616]"],
html.sr-light [class*="bg-[#1a2535]"] { background-color: #eef2f7 !important; }
html.sr-light [class*="bg-[#1a2f1f]"] { background-color: #ecfdf5 !important; }

/* site.css dark gradient utilities (hero / page washes) */
html.sr-light .blue-gradient-page,
html.sr-light .blue-gradient-hero,
html.sr-light .blue-gradient-section { background: linear-gradient(180deg, #e8eefb 0%, #f8fafc 55%, #f1f5f9 100%) !important; }

/* Inline-styled dark gradients on sections, divs and the navbar */
html.sr-light section[style*="linear-gradient"] { background: #f1f5f9 !important; }
html.sr-light div[style*="linear-gradient"][style*="rgba(15,23,42"],
html.sr-light div[style*="linear-gradient"][style*="rgba(15, 23, 42"],
html.sr-light div[style*="linear-gradient"][style*="#0f172a"] { background: #eef2f7 !important; }
html.sr-light nav[style*="linear-gradient"] { background: rgba(255, 255, 255, 0.92) !important; border-bottom-color: rgba(15, 23, 42, 0.08) !important; }

/* Dark-base Tailwind gradient utilities (hero washes) — flatten to light */
html.sr-light [class*="from-blue-950"],
html.sr-light [class*="to-[#0f172a]"],
html.sr-light [class*="via-blue-900/10"] { background-image: none !important; background-color: transparent !important; }

/* ---- Text ---- */
html.sr-light .text-white { color: #0f172a !important; }
html.sr-light .text-gray-200, html.sr-light .text-gray-300 { color: #334155 !important; }
html.sr-light .text-gray-400 { color: #475569 !important; }
html.sr-light .text-gray-500, html.sr-light .text-gray-600 { color: #64748b !important; }
html.sr-light .text-blue-300 { color: #1d4ed8 !important; }
html.sr-light .text-blue-400 { color: #2563eb !important; }
html.sr-light .text-green-400 { color: #059669 !important; }
html.sr-light .text-green-300 { color: #047857 !important; }

/* Keep light text on solid colored controls (buttons, badges) */
html.sr-light [class*="bg-blue-6"].text-white,
html.sr-light [class*="bg-blue-5"].text-white,
html.sr-light [class*="bg-green-6"].text-white,
html.sr-light [class*="bg-blue-6"] .text-white,
html.sr-light [class*="hover:bg-blue-5"].text-white { color: #ffffff !important; }

/* ---- Borders & subtle fills ---- */
html.sr-light [class*="border-white/"],
html.sr-light [class*="border-white\\["] { border-color: rgba(15, 23, 42, 0.12) !important; }
html.sr-light [class*="border-blue-900/"] { border-color: rgba(37, 99, 235, 0.15) !important; }
html.sr-light [class*="border-gray-600"] { border-color: #cbd5e1 !important; }
html.sr-light [class*="bg-white/5"] { background-color: rgba(15, 23, 42, 0.04) !important; }
html.sr-light [class*="bg-white/10"] { background-color: rgba(15, 23, 42, 0.07) !important; }
html.sr-light [class*="hover:bg-white/10"]:hover { background-color: rgba(15, 23, 42, 0.08) !important; }
html.sr-light [class*="hover:bg-white/20"]:hover { background-color: rgba(15, 23, 42, 0.12) !important; }

/* Decorative blur orbs: soften so they don't grey the light background */
html.sr-light [class*="blur-["][class*="bg-blue-6"],
html.sr-light [class*="blur-["][class*="bg-blue-5"],
html.sr-light [class*="blur-["][class*="bg-purple-6"],
html.sr-light [class*="blur-["][class*="bg-indigo-5"],
html.sr-light [class*="blur-["][class*="bg-green-6"] { opacity: 0.35; }

/* Dropdowns / popovers that used near-black glass */
html.sr-light [class*="bg-gray-950/95"] { background-color: rgba(255, 255, 255, 0.97) !important; }

/* Shadows tuned down (dark shadows look heavy on light) */
html.sr-light [class*="shadow-blue-950"],
html.sr-light [class*="shadow-blue-900"] { --tw-shadow-color: rgba(30, 64, 175, 0.15) !important; }

/* Theme toggle icon visibility */
.sr-theme-moon { display: none; }
html.sr-light .sr-theme-moon { display: inline-block; }
html.sr-light .sr-theme-sun { display: none; }