/* ═══════════════════════════════════════════════════════════════
   Denov City — Jonli orqa fon (bg-fx)
   ───────────────────────────────────────────────────────────────
   Qatlamlar (pastdan yuqoriga):
     1. Aurora   — juda kichik <canvas>, alohida oqimda chiziladi
     2. Tarmoq   — zarrachalar tarmog'i <canvas>, alohida oqimda
   Fon butun sahifa ORTIDA turadi (z-index:-1) va hech qanday bosish,
   surish yoki videoni to'smaydi (pointer-events:none).
   Hammasi faqat JS ishlaganda (html.bgfx) yoqiladi; JS bo'lmasa
   sayt avvalgidek qoladi.
═══════════════════════════════════════════════════════════════ */

:root{
  --dark2-rgb:17,24,39;
  --dark3-rgb:28,35,51;
  --bgfx-base:#070A15;
  /* bo'limlar foni qanchalik shaffof bo'lishi (0 = to'liq ochiq) */
  --bgfx-sec:.12;     /* var(--dark) bo'limlar  */
  --bgfx-sec2:.55;    /* var(--dark2) bo'limlar */
  --bgfx-sec3:.62;    /* var(--dark3) bo'limlar */
}
:root[data-theme="light"]{
  --dark2-rgb:255,255,255;
  --dark3-rgb:240,236,227;
  --bgfx-base:#FAF8F4;
  --bgfx-sec:.10;
  --bgfx-sec2:.55;
  --bgfx-sec3:.62;
}

/* ── Asosiy qatlam ── */
#bgfx{
  position:fixed;top:0;left:0;width:100%;
  height:100vh;height:100lvh;           /* telefonda manzil satri yashirilganda o'lcham sakramaydi */
  z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-user-select:none;user-select:none;
  background:var(--bgfx-base);
  transition:background-color .4s ease;
  contain:strict;
}
#bgfx canvas{pointer-events:none}
#bgfx .bgfx-aurora,
#bgfx .bgfx-net{
  position:absolute;top:0;left:0;width:100%;height:100%;display:block;
  transition:opacity .35s ease;
}
#bgfx .bgfx-aurora.swap,
#bgfx .bgfx-net.swap{opacity:0}

/* ═══ Bo'limlar fonini shaffof qilish — animatsiya ko'rinsin ═══
   Kartalar, formalar, kalkulyator, media slaydlari — qattiq fonda qoladi
   (o'qish va ko'rish oson). */
html.bgfx .stats-bar,
html.bgfx #apartments,
html.bgfx #gallery,
html.bgfx #location,
html.bgfx #testimonials,
html.bgfx #payment,
html.bgfx #faq,
html.bgfx footer{background:rgba(var(--dark2-rgb),var(--bgfx-sec2)) !important}

html.bgfx #progress,
html.bgfx #features,
html.bgfx #contact,
html.bgfx #user-media,
html.bgfx .fx-band{background:rgba(var(--dark-rgb),var(--bgfx-sec)) !important}

html.bgfx #ai-assistant{background:rgba(var(--dark3-rgb),var(--bgfx-sec3)) !important}

/* Telefon: bo'limlar biroz zichroq — kichik ekranda matn yanada aniq o'qiladi */
@media(max-width:600px){
  :root{--bgfx-sec2:.62;--bgfx-sec3:.68}
  :root[data-theme="light"]{--bgfx-sec2:.6;--bgfx-sec3:.68}
}