/* ==========================================================================
   DARK MODE — style.css'dan KEYIN ulanadi (1-bosqich: asosiy o'zgaruvchilar)
   Bu blok :root'dagi asosiy o'zgaruvchilarni qayta belgilaydi. Saytdagi
   .counter-box, .feature-item, .course-item, .pricing-item, .cta-wrap,
   .testimonial-item, .team, .choose-item, .cart, .user-*, auth-form va
   yana o'nlab joy var(--color-white) / var(--color-dark) ishlatgani
   uchun bu o'zgarish ularning barchasiga avtomatik tarqaladi.
   ========================================================================== */

[data-theme="dark"] {
    --theme-color: #9c89ff;
    --theme-color2: #ffa63d;
    --theme-bg-light: #1a2033;
    --body-text-color: #9aa1ba;
    --color-white: #161c2e;
    --color-dark: #eef0f8;
    --color-gray: #222a40;
    --box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.35);
    --box-shadow2: 0 0 15px rgba(0, 0, 0, 0.5);
    --box-shadow3: 0 0 40px 5px rgba(156, 137, 255, 0.12);
    --border-info-color: rgba(255, 255, 255, 0.08);
    --border-info-color2: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] body {
    background: #0d1120;
}

/* Header/Navbar hozircha har doim oq bo'lishga majburlangan (!important) —
   dark rejimda buni bekor qilamiz */
[data-theme="dark"] .header,
[data-theme="dark"] .main-header,
[data-theme="dark"] .navbar,
[data-theme="dark"] .site-header {
    background: #10162a !important;
}

[data-theme="dark"] .navbar.fixed-top {
    background: #10162a;
}

/* Nice-select va forma inputlari (form-control) — asosan var() ishlatadi,
   lekin ayrim joyda oq fon qattiq berilgan */
[data-theme="dark"] .form-group .form-control,
[data-theme="dark"] .form-group .form-select,
[data-theme="dark"] .nice-select,
[data-theme="dark"] .nice-select .list {
    background-color: var(--color-white);
    color: var(--color-dark);
}

/* Rasm/logotip fonlari (masalan oq fonga mo'ljallangan logo) uchun
   yumshoq moslashuv — agar logotipingiz shaffof/oq bo'lsa kerak bo'ladi */
[data-theme="dark"] .navbar-brand img,
[data-theme="dark"] .sidebar-popup-logo img {
    filter: brightness(0) invert(1);
}

/* Scroll-top tugmasi — allaqachon theme-color asosida, o'zi to'g'ri keladi */

/* ==========================================================================
   2-BOSQICH KERAK — quyidagi bo'limlar qattiq yozilgan hex ranglardan
   foydalanadi (var() emas), shu sababli hozircha DARK MODE'DA
   O'ZGARMAYDI va oq fonda qolishi mumkin. Alohida so'rasangiz, ularni ham
   qamrab oluvchi ikkinchi CSS blokini tayyorlab beraman:

   - .site-breadcrumb (gradient fon, #241b5e/#4825c2 matn ranglari)
   - .blog-single-wrap va butun blog-single ekotizimi
     (article-tools, blog-meta, category-list, recent-post-item,
     blockqoute, blog-author, blog-comment-*, telegram-cta-card,
     share-pill, reading-progress, .inner-sidebar datepicker)
   - .auth-form--split va uning barcha ichki elementlari
   - .a11y-panel (shrift o'lchami sliderining paneli)
   - .div-article-sidebar / .widget-title
   ========================================================================== */