/* default = DARK (tvoj postojeći stilovi ostaju) */

html[data-theme="light"]{
  --bg:#f6f8ff;
  --panel:#ffffff;
  --panel2:#eef2ff;
  --text:#0b1020;
  --muted:#4a587d;
  --line:rgba(10,16,32,.12);
  --accent:#2b5cff;
  --accent2:#0a9b62;
  --shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* pozadina override */
html[data-theme="light"] body{
  background:
    radial-gradient(900px 600px at 20% 10%, rgba(43,92,255,.16), transparent 60%),
    radial-gradient(800px 600px at 80% 0%, rgba(10,155,98,.12), transparent 60%),
    var(--bg);
}

/* English player light-mode tweaks (better contrast) */
html[data-theme="light"] .card{
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.70));
}

html[data-theme="light"] .player{
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.55));
}

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

html[data-theme="light"] .row:hover{
  background: rgba(43,92,255,.08);
}

html[data-theme="light"] .row.active{
  background: rgba(43,92,255,.14);
  outline: 1px solid rgba(43,92,255,.22);
}

html[data-theme="light"] .badge{
  background: rgba(10,16,32,.04);
  border-color: rgba(10,16,32,.10);
  color: var(--muted);
}

/* THEME BUTTON */
.themeToggle{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  color:var(--text);
  cursor:pointer;
  font-size:13px;
  transition:.15s ease;
}

.themeToggle:hover{
  background:rgba(122,162,255,.15);
  border-color:rgba(122,162,255,.45);
}