/* Theme overrides (light mode) */
:root[data-theme="light"]{
  --bg0:#F6F7FB;
  --bg1:#FFFFFF;
  --surface:rgba(10,12,20,.04);
  --surface2:rgba(10,12,20,.06);
  --stroke:rgba(10,12,20,.12);
  --text:#0B1020;
  --muted:rgba(11,16,32,.78);
  --muted2:rgba(11,16,32,.62);
  --shadow: 0 18px 60px rgba(0,0,0,.10);
  --shadow2: 0 10px 30px rgba(0,0,0,.08);
}

:root[data-theme="light"] body::before{
  opacity:.14;
  mix-blend-mode:normal;
}
:root[data-theme="light"] body::after{opacity:.12}

/* Keep hero/media images vivid in light mode (avoid affecting logos/icons) */
:root[data-theme="light"] .hero-media img,
:root[data-theme="light"] .media-card img{
  filter: saturate(1.08) contrast(1.04);
}

:root[data-theme="light"] .site-header{
  background: rgba(255,255,255,.72);
  border-bottom: 1px solid rgba(247,201,72,.18);
}

:root[data-theme="light"] .glass{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
}

:root[data-theme="light"] .card{
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70));
}

:root[data-theme="light"] .btn-ghost{
  background: rgba(11,16,32,.05);
  border-color: rgba(11,16,32,.12);
}

/* Select dropdown colors in light mode */
:root[data-theme="light"] select.input option,
:root[data-theme="light"] select.input optgroup{
  background:#FFFFFF;
  color:#0B1020;
}

:root[data-theme="light"] .hero::before{
  opacity: .56;
  filter: saturate(1.15) contrast(1.12);
}

:root[data-theme="light"] .hero::after{
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(247,201,72,.10), transparent 62%),
    radial-gradient(900px 520px at 78% 12%, rgba(34,211,238,.10), transparent 60%),
    linear-gradient(180deg, rgba(246,247,251,.26), rgba(255,255,255,.22));
}

:root[data-theme="light"] #fxCanvas{opacity:.60}