/* ===== قارا / ئاق تېما (dark mode) — ئۇپۇق تورى =====
   پەقەت <html data-theme="dark"> بولغاندا ئۈنۈم بېرىدۇ.
   كۆپچە رەڭلەر :root ئۆزگەرگۈچىلىرىگە ئاساسلىنىدۇ، بىر قىسىم
   قاتتىق يېزىلغان جايلار (كارتا / قەھرىمان ئاسمان) قاپلاندى. */

[data-theme="dark"]{
  --paper:#0e1422;
  --ink:#e9eef7;
  --muted:#9fb0c8;
  --line:#26334d;
  --white:#161d2e;
  --navy:#9cc2ff;
  --navy2:#cfe0ff;
  --sky:#2a4f86;
  --orange-ink:#ffb56b;
  --gold:#ffd700;
  --peach:#ffb56b;
}

[data-theme="dark"] body{ background:var(--paper); color:var(--ink); }

/* كارتا ۋە ئىستاتىستىكا */
[data-theme="dark"] .card,
[data-theme="dark"] .card.stat{
  background:#161d2e;
  box-shadow:0 6px 22px rgba(0,0,0,.55);
}
[data-theme="dark"] .card h3{ color:var(--orange-ink); }
[data-theme="dark"] .card p{ color:var(--muted); }
[data-theme="dark"] .card.stat h3,
[data-theme="dark"] .card.stat p{ color:var(--navy); }
[data-theme="dark"] .card .btn{ background:var(--orange); color:#1a1206; }

/* تېما ئالماشتۇرۇش توپچىسى */
.theme-btn{
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.14);
  color:#fff; border-radius:999px;
  width:40px; height:40px; font-size:19px; line-height:1;
  cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
  transition:transform .15s ease, background .15s ease;
}
.theme-btn:hover{ transform:scale(1.08); background:rgba(255,255,255,.26); }

/* ئۈستى بالداق / تىزىملىك */
[data-theme="dark"] .topbar{ background:linear-gradient(90deg,#13243f,#1c3a63); }
[data-theme="dark"] .nav{ background:#10182a; border-bottom-color:var(--line); }
[data-theme="dark"] .nav a{ color:var(--ink); }
[data-theme="dark"] .nav a:hover{ color:var(--gold); }

/* بۆلۈم ماۋزۇسى ۋە فورما */
[data-theme="dark"] .sec-title{ color:var(--ink); }
[data-theme="dark"] .form,
[data-theme="dark"] .form input,
[data-theme="dark"] .form select,
[data-theme="dark"] .form textarea{
  background:#161d2e; color:var(--ink); border-color:var(--line);
}
[data-theme="dark"] .notice{ background:#1c2740; color:var(--ink); }
[data-theme="dark"] .poster-ph{ background:#1c2740; }

/* قەھرىمان (باش بەت ئاسمانى) — قاراڭغۇ كېچىگە ئۆزگىرىدۇ */
[data-theme="dark"] .hero .sky{
  background:linear-gradient(180deg,#0a1830 0%,#16315c 55%,#3a2a55 100%);
}
[data-theme="dark"] .hero h1,
[data-theme="dark"] .hero .slog,
[data-theme="dark"] .hero .sub{
  color:#eaf2ff;
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}

/* ئۇقۇش تىزىملىكى / جەدۋەل / باشقا تاختىلار */
[data-theme="dark"] table{ color:var(--ink); }
[data-theme="dark"] .panel,
[data-theme="dark"] .box{ background:#161d2e; }
[data-theme="dark"] .badge-free{ background:#22304a; color:#cfe0ff; }
[data-theme="dark"] .badge-vip{ background:linear-gradient(90deg,#ffd700,#ff8c42); color:#1a1206; }
[data-theme="dark"] .badge-lock{ background:#3a2a10; color:#ffd27a; }
[data-theme="dark"] .badge-views{ background:#1c2740; color:#ffd27a; }

/* پۇت (footer) */
[data-theme="dark"] footer,
[data-theme="dark"] .footer{ background:#0a0f1a; color:var(--muted); }
[data-theme="dark"] .next-ep-bar{ background:#1c2740; }
[data-theme="dark"] .modal,
[data-theme="dark"] .dialog{ background:#161d2e; color:var(--ink); }