/* ---------- Light Theme Base ---------- */
:root{
  --brand-500:#5e3c91;   /* Dukasmart purple */
  --brand-600:#522F83;
  --accent:#f78d1f;
  --ink:#0f172a;         /* slate-900-ish */
  --ink-2:#334155;       /* slate-700 */
  --muted:#64748b;       /* slate-500 */
  --panel:#ffffff;
  --panel-weak: rgba(255,255,255,.7);
  --line: rgba(15,23,42,.10);   /* light border */
  --line-strong: rgba(15,23,42,.16);
  --bg:#F7F5FB;          /* light lavender canvas */
}

/* Page background */
.light { background: var(--bg); color: var(--ink); }

/* Convert existing dark utilities to light without editing HTML */
.light [class*="text-white"]       { color: var(--ink) !important; }
.light [class*="text-white/60"]    { color: color-mix(in oklab, var(--ink) 60%, transparent) !important; }
.light [class*="text-white/70"],
.light [class*="text-white/75"]    { color: color-mix(in oklab, var(--ink) 75%, transparent) !important; }
.light [class*="text-white/50"]    { color: color-mix(in oklab, var(--ink) 50%, transparent) !important; }

.light [class*="bg-white/5"]       { background: var(--panel-weak) !important; }
.light [class*="bg-white/10"]      { background: rgba(255,255,255,.9) !important; }

.light [class*="border-white/10"],
.light [class*="ring-white/10"]    { border-color: var(--line) !important; }
.light [class*="ring-white/20"]    { border-color: var(--line-strong) !important; }

/* Glass + card on light */
.glass{
  background: rgba(255,255,255,.7);
  backdrop-filter: saturate(1.2) blur(12px);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}
.card{
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(15,23,42,.06);
}
.divider{ background: linear-gradient(90deg,transparent,var(--line),transparent); height:1px; }

/* Buttons still work on light */
.shadow-glow{ box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 8px 20px rgba(94,60,145,.20); }
a[class*="bg-brand-500"]{ color:#fff !important; }

/* Hero rings become subtle gray */
.light .rounded-28px [class*="border-white/10"] { border-color: var(--line) !important; }