/* Shared light palette for the original dark pages. */
html { color-scheme: light; }
body { background: #fcfbff !important; color: #475569 !important; }

.glass { background: rgba(255, 255, 255, .82) !important; border-color: rgba(91, 51, 139, .12) !important; box-shadow: 0 12px 36px rgba(54, 25, 91, .06); }
.bg-radial-gradient { background: radial-gradient(circle at center, #fff 0%, #f6f0ff 100%) !important; }
.hero-gradient { background: radial-gradient(circle at 50% 50%, rgba(139, 44, 245, .075) 0%, transparent 70%) !important; }
.purple-glow { box-shadow: 0 10px 28px -8px rgba(139, 44, 245, .23) !important; }
.purple-glow-strong { box-shadow: 0 18px 42px -12px rgba(139, 44, 245, .27) !important; }
.card-hover:hover { background: #fff !important; box-shadow: 0 20px 40px -18px rgba(91, 51, 139, .2) !important; }
.btn-secondary { color: #261936 !important; background: #fff !important; border-color: #ded2ed !important; }
.btn-secondary:hover { background: #f6f0ff !important; }
.btn-primary { color: #fff !important; }

[class~="text-white"] { color: #241a32 !important; }
[class~="text-slate-200"], [class~="text-slate-300"] { color: #475569 !important; }
[class~="text-slate-400"], [class~="text-slate-500"] { color: #64748b !important; }
[class~="text-slate-600"] { color: #64748b !important; }
[class~="bg-primary"][class~="text-white"],
[class~="bg-primary-dark"][class~="text-white"],
[class~="bg-primary"] > [class~="text-white"],
.btn-primary [class~="text-white"] { color: #fff !important; }
[class~="group-hover/item:text-white"]:hover,
.group\/item:hover [class~="group-hover/item:text-white"] { color: #fff !important; }
[class~="hover:text-white"]:hover,
[class~="group-hover:text-white"]:hover,
.group:hover [class~="group-hover:text-white"] { color: #7022cc !important; }

[class~="border-white/5"], [class~="border-white/10"],
[class~="border-white/15"], [class~="border-white/20"] { border-color: rgba(91, 51, 139, .12) !important; }
[class~="bg-white/5"], [class~="bg-white/[0.03]"] { background: rgba(255, 255, 255, .85) !important; }
[class~="bg-white/10"] { background: #f3eafa !important; }
[class~="bg-white/[0.01]"] { background: #f9f5ff !important; }
[class~="hover:bg-white/5"]:hover, [class~="hover:bg-white/10"]:hover { background: #f3eafa !important; }
input, textarea, select { color: #241a32 !important; }
input::placeholder, textarea::placeholder { color: #64748b !important; }