/* Ustoz Alif — Qorong'i rejim (dark mode).
   Semantik tokenlarni qayta belgilaydi + asosiy oq yuzalarni moslaydi.
   Yashil/oltin urg'u ranglari saqlanadi. */

html[data-theme="dark"] {
  --ink-900: #eef2ef;
  --ink-800: #e2e8e3;
  --ink-700: #d2dad5;
  --ink-600: #b6c0ba;
  --ink-500: #94a09a;
  --ink-400: #7c867f;
  --ink-300: #59625b;
  --line:    #2a332e;
  --line-soft:#232b26;
  --surface: #161d19;
  --surface-2: #0f1512;
  --surface-3: #1e2722;
  --green-50:  #15241c;
  --green-100: #182c21;
  --green-200: #21422f;
  --gold-100:  #2c2410;
  --accent-soft: #182c21;
  --accent-tint: #15241c;
}

html[data-theme="dark"] body { background: var(--surface-2); color: var(--ink-700); }

/* Asosiy oq yuzalar (sahifa ichidagi inline .sidebar{background:#fff} larni ham bosadi) */
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .aside,
html[data-theme="dark"] .card,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] .qbar,
html[data-theme="dark"] .ctrls,
html[data-theme="dark"] .cwrap,
html[data-theme="dark"] .les,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .topnav a,
html[data-theme="dark"] .chip-btn,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .box {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  color: var(--ink-700);
}

/* Mushaf (krem qog'oz) — qorong'i variant */
html[data-theme="dark"] .mushaf { background: #11170f !important; border-color: #2a3a2c !important; }
html[data-theme="dark"] .ayah { color: #e6ecdf !important; }
html[data-theme="dark"] .mushaf.trace .ayah { color: #3a463c !important; }
html[data-theme="dark"] .mushaf.trace .ayah.clear,
html[data-theme="dark"] .mushaf.trace .ayah.playing { color: #e6ecdf !important; }
html[data-theme="dark"] .ex { background: #14201a !important; border-color: #2a3a2c !important; }

/* Inputlar */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .input {
  background: var(--surface-3) !important;
  color: var(--ink-800) !important;
  border-color: var(--line) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--ink-400) !important; }

/* Soyalar zaiflashtiriladi */
html[data-theme="dark"] .card,
html[data-theme="dark"] .pcard,
html[data-theme="dark"] #cert { box-shadow: none !important; }

/* Yashil gradient sarlavhalar (surah-head, hero) — o'zgarmasin, ammo chegara */
html[data-theme="dark"] .warn { background: #2a2410 !important; border-color: #4a3c18 !important; }

/* Float boshqaruv tugmalari qorong'ida ham ko'rinsin */
html[data-theme="dark"] #ustozLangToggle,
html[data-theme="dark"] #ustozThemeToggle {
  background: var(--surface) !important;
  border-color: var(--line) !important;
}