/* =====================================================================
   Sayt mavzusi: dark (standart) va light.

   - <html data-theme="light|dark"> – base.html dagi kichik skript qo‘yadi (tanlov localStorage‘da,
     birinchi kirishda tizim mavzusi). data-force-theme="dark" bo‘lgan sahifalar (kazus sahifasi,
     tergov o‘yini) har doim qorong‘i.
   - Fon ranglari (bg-ink, bg-panel, bg-panel2) CSS o‘zgaruvchilaridan – tailwind.config.js.
   - Neytral Tailwind klasslari (text-white, text-slate-*, border-white/*...) light rejimda shu
     fayldagi "light qatlam" orqali qorong‘i ekvivalentiga almashadi.
   - .theme-dark – light rejimda ham qorong‘i qoladigan "orol" (rasm ustidagi blok va h.k.).
     Rangli fon ustidagi oq matn (qizil tugma, badge) avtomatik oq qoladi.
   ===================================================================== */

:root, .theme-dark {
  --c-ink: 10 12 17;
  --c-panel: 18 21 29;
  --c-panel2: 23 27 38;
  --c-shadow: 0 20px 50px -20px rgba(0,0,0,.7);
}
html { color-scheme: dark; }

html[data-theme="light"] {
  --c-ink: 243 244 246;
  --c-panel: 255 255 255;
  --c-panel2: 246 247 249;
  --c-shadow: 0 12px 32px -16px rgba(15,23,42,.18);
  color-scheme: light;
}
html[data-theme="light"] .theme-dark {
  --c-shadow: 0 20px 50px -20px rgba(0,0,0,.7);
  color-scheme: dark;
}

html[data-theme="light"] .shadow-card:not(.theme-dark *) { box-shadow: var(--c-shadow); }
/* text-ink – oq doira/belgi ustidagi qorong‘i matn (play tugmasi va h.k.): har doim qorong‘i */
html[data-theme="light"] .text-ink { color: #0a0c11; }

/* ---------------------------------------------------------------------
   Light qatlam: neytral matn, chegara va fon tintlari.
   Istisno: .theme-dark ichidagilar va rangli (to‘q) fon ustidagi o‘zi oq matnlar.
   --------------------------------------------------------------------- */
html[data-theme="light"] :is(.text-white, .hover\:text-white:hover):not(.theme-dark, .theme-dark *, [class*="from-red-"], [class*="-600"], [class*="-700"], .bg-gold, [class*="bg-gold/9"], [class*="bg-black/"]) { color: #0f172a; }
html[data-theme="light"] [class*="[&_b]:text-white"]:not(.theme-dark *) b { color: #0f172a; }
html[data-theme="light"] .text-slate-200:not(.theme-dark *) { color: #1e293b; }
html[data-theme="light"] :is(.text-slate-300, .hover\:text-slate-300:hover):not(.theme-dark *) { color: #334155; }
html[data-theme="light"] .text-slate-400:not(.theme-dark *) { color: #475569; }
html[data-theme="light"] .text-slate-500:not(.theme-dark *) { color: #64748b; }
html[data-theme="light"] .text-slate-600:not(.theme-dark *) { color: #94a3b8; }
html[data-theme="light"] .text-white\/70:not(.theme-dark *) { color: rgba(15,23,42,.7); }

html[data-theme="light"] :is(.border-white\/10, .sm\:border-white\/10, .divide-white\/5 > * + *):not(.theme-dark, .theme-dark *) { border-color: rgba(15,23,42,.1); }
html[data-theme="light"] :is(.border-white\/15, .border-white\/20, .border-white\/25):not(.theme-dark, .theme-dark *) { border-color: rgba(15,23,42,.16); }
html[data-theme="light"] :is(.border-white\/30, .border-white\/40, .border-white\/60, .hover\:border-white\/30:hover, .hover\:border-white\/40:hover):not(.theme-dark, .theme-dark *) { border-color: rgba(15,23,42,.3); }
html[data-theme="light"] .ring-white\/10:not(.theme-dark *) { --tw-ring-color: rgba(15,23,42,.1); }
html[data-theme="light"] .bg-white\/5:not(.theme-dark, .theme-dark *) { background-color: rgba(15,23,42,.04); }
html[data-theme="light"] .bg-white\/10:not(.theme-dark, .theme-dark *) { background-color: rgba(15,23,42,.06); }
html[data-theme="light"] .bg-white\/15:not(.theme-dark, .theme-dark *) { background-color: rgba(15,23,42,.08); }

/* Och rangli urg‘u matnlari oq fonda o‘qilmaydi – to‘qroq ekvivalent */
html[data-theme="light"] :is(.text-emerald-200, .text-emerald-300, .text-emerald-400):not(.theme-dark *) { color: #047857; }
html[data-theme="light"] :is(.text-sky-200, .text-sky-300, .text-sky-400):not(.theme-dark *) { color: #0369a1; }
html[data-theme="light"] :is(.text-red-300, .text-red-400, .text-gold2):not(.theme-dark *) { color: #b91c1c; }
html[data-theme="light"] :is(.text-amber-200, .text-amber-300, .text-amber-400):not(.theme-dark *) { color: #b45309; }
html[data-theme="light"] :is(.text-violet-200, .text-violet-300):not(.theme-dark *) { color: #6d28d9; }
html[data-theme="light"] :is(.text-teal-300, .text-teal-400):not(.theme-dark *) { color: #0f766e; }
html[data-theme="light"] :is(.text-orange-300, .text-orange-400):not(.theme-dark *) { color: #c2410c; }
html[data-theme="light"] :is(.text-rose-300, .text-rose-400):not(.theme-dark *) { color: #be123c; }

/* ---------------------------------------------------------------------
   Sahifa CSS‘laridagi qo‘lda yozilgan qorong‘i ranglar
   --------------------------------------------------------------------- */
html[data-theme="light"] .field-input:not(.theme-dark *) { border-color: rgba(15,23,42,.18); color: #0f172a; background: #fff; }
html[data-theme="light"] select.field-input option, html[data-theme="light"] .field-input select option { background: #fff; color: #0f172a; }
html[data-theme="light"] .filter-scroll::-webkit-scrollbar-thumb,
html[data-theme="light"] .thin-scroll::-webkit-scrollbar-thumb,
html[data-theme="light"] .profile-content::-webkit-scrollbar-thumb { background: rgba(15,23,42,.15); }


/* ---------------------------------------------------------------------
   Mavzu almashtirgich (header)
   --------------------------------------------------------------------- */
.theme-toggle .icon-sun { display: none; }
html[data-theme="light"] .theme-toggle .icon-sun { display: block; }
html[data-theme="light"] .theme-toggle .icon-moon { display: none; }
html[data-force-theme] .theme-toggle { display: none; }