/* ===== DEKOART — global base (dark mode tokenlar) =====
   Har sahifa CSS'idagi :root tokenlarni [data-theme="dark"] bekor qiladi
   (spetsifikligi yuqori, shu sabab yuklanish tartibidan qat'i nazar g'olib). */

:root[data-theme="dark"]{
  --ink:#ECEEF4;          /* sarlavhalar / to'q matn -> och */
  --text:#A8AEBD;         /* asosiy matn */
  --stone:#7C8296;        /* susaygan matn */
  --white:#191C24;        /* asosiy sirt: body + kartalar */
  --beige:#12141b;        /* muqobil section foni (biroz to'qroq) */
  --line:#2C3039;
  --line-soft:#23262F;
  --bronze:#5E75CE;       /* urg'u / tugma — qorong'i fonда yorqinroq ko'k */
  --bronze-dark:#4C60A8;
  --shadow-xs:0 1px 2px rgba(0,0,0,.4);
  --shadow-sm:0 6px 18px rgba(0,0,0,.4);
  --shadow-md:0 18px 50px rgba(0,0,0,.5);
  --shadow-lg:0 30px 70px rgba(0,0,0,.55);
}

/* Header (shishasimon fon) — qorong'i variant */
:root[data-theme="dark"] header.hdr{
  background:rgba(16,18,26,.82);
  border-bottom-color:var(--line-soft);
}
/* Drawer paneli */
:root[data-theme="dark"] .mdrawer__panel{background:var(--white);}
/* Rasmsiz karta placeholder belgisi — qorong'ida och stroke */
:root[data-theme="dark"] .acard__img.mat::after,
:root[data-theme="dark"] .bcard__img.mat::after,
:root[data-theme="dark"] .ccard__img.mat::after,
:root[data-theme="dark"] .featured__img.mat::after,
:root[data-theme="dark"] .pcard__img.mat::after{opacity:.10;filter:invert(1);}

/* var(--ink) SIRT sifatida ishlatilgan joylar — dark'да och bo'lib qolmasligi uchun */
:root[data-theme="dark"] .stats{background:#0d0f15;}
:root[data-theme="dark"] .chip.on{background:var(--bronze);border-color:var(--bronze);color:#fff;}
:root[data-theme="dark"] .btn--ink{background:#2b2f3d;color:#fff;}
:root[data-theme="dark"] .btn--outline:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
/* Karta ustidagi och (rgba oq) badge'lar — matni qoraligicha qolsin */
:root[data-theme="dark"] .acard__cat,:root[data-theme="dark"] .art__cat,:root[data-theme="dark"] .lb__cat,
:root[data-theme="dark"] .pcard__cat,:root[data-theme="dark"] .ccard__cat,:root[data-theme="dark"] .bcard__cat,
:root[data-theme="dark"] .featured__cat{color:#14161d;}
/* Kod bloklari / oq gradientli panellar — qorong'i sirt bilan yumshatish */
:root[data-theme="dark"] .picked{background:linear-gradient(180deg,#1c1f28,#171a22);}

/* rgba(255,255,255,.9x) — flip bo'lmaydigan shishasimon panel/badge'lar (audit) */
:root[data-theme="dark"] .ccard__tag,:root[data-theme="dark"] .pcard__tag{background:rgba(25,28,36,.92);}
:root[data-theme="dark"] .ov__bar{background:rgba(25,28,36,.9);}
:root[data-theme="dark"] .filterbar{background:rgba(25,28,36,.92);}
:root[data-theme="dark"] .lb__close,:root[data-theme="dark"] .lb__nav{background:rgba(25,28,36,.92);}
/* Maqola matni — #3a3631 qattiq-kodlangan, dark'да o'qib bo'lmaydi */
:root[data-theme="dark"] .prose p,:root[data-theme="dark"] .prose ul li{color:var(--text);}
/* Til menyusidagi tasdiq belgisi — qorong'ida yorqinroq */
:root[data-theme="dark"] .langdd__menu button.on::after{filter:brightness(1.7);}
/* Och peach ikon fonlari (#F4E3DA/#F4E8DE) — light tegilmaydi, faqat dark'da qorayadi */
:root[data-theme="dark"] .doc__ic,:root[data-theme="dark"] .cert__ic,
:root[data-theme="dark"] .callout__ic,:root[data-theme="dark"] .tag{background:var(--beige);}

/* Toggle tugmasi (oy/quyosh) */
.themebtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--white);
  display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:all .2s;flex:none;}
.themebtn:hover{border-color:var(--bronze);color:var(--bronze);}
.themebtn .i{width:18px;height:18px;}
.themebtn .i--moon{display:block;} .themebtn .i--sun{display:none;}
:root[data-theme="dark"] .themebtn .i--moon{display:none;}
:root[data-theme="dark"] .themebtn .i--sun{display:block;}

/* ===== Media rasm — lazy <img> + fade-in + skeleton ===== */
/* Rasm konteynerlari (kartadagi rasm maydoni) — <img> to'ldirishi uchun */
.ccard__img,.pcard__img,.acard__img,.bcard__img,.featured__img,.art__cover,
.gallery__main,.mcard__ava,.vcard__mat{position:relative;overflow:hidden;}
/* Rasmning o'zi — konteynerni to'ldiradi (background:cover o'rniga), yumshoq paydo bo'ladi */
.media-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  display:block;border:0;opacity:0;transition:opacity .5s var(--ease);}
.media-img.is-loaded{opacity:1;}
/* Skeleton shimmer — rasm yuklanguncha (faqat rasm bor konteynerda; :where -> 0 spetsifiklik) */
@keyframes mediaSkeleton{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
:where(.ccard__img,.pcard__img,.acard__img,.bcard__img,.featured__img,.art__cover,
.gallery__main,.mcard__ava,.vcard__mat):has(.media-img:not(.is-loaded)){
  background:linear-gradient(100deg,var(--beige) 25%,var(--line) 50%,var(--beige) 75%);
  background-size:200% 100%;animation:mediaSkeleton 1.2s ease-in-out infinite;}

/* Silliq o'tish (faqat rang) */
body,.hdr,.mdrawer__panel,.acard,.pcard,.ccard,.bcard,.vz__panel,.picked,
.btn,.chip,.sw,.store,.ymap,.legal__note,section,input,textarea,select{
  transition:background-color .35s ease, color .35s ease, border-color .35s ease;
}