/* ============================================================================
   Eclyzer AI — logo sadar-tema
   ----------------------------------------------------------------------------
   Addendum §3: semua logo UI transparan tanpa kotak; mode gelap memakai logo
   putih, mode terang memakai logo hitam. Pergantian harus seketika, benar
   setelah refresh, pada mode system, dan saat navigasi antarhalaman.

   Pendekatan: satu <img> dengan `content:url(...)` yang dipilih per tema.
   Atribut src tetap dipertahankan sebagai fallback (dan agar tetap ada bila
   CSS gagal dimuat); aspect-ratio dikunci agar tidak ada pergeseran layout.
   ========================================================================== */

/* Kunci rasio supaya pergantian aset tidak menggeser layout. */
.brand-mark-img,
.home-brand-mark,
.toggle-icon-logo,
.login-brand-mark {
  aspect-ratio: 1122 / 824;
  object-fit: contain;
}

/* --- Mode gelap: logo putih (default) --- */
.brand-mark-img,
.home-brand-mark,
.toggle-icon-logo,
.login-brand-mark {
  content: url("/brand/eclyzer-mark-white.svg?v=20261008-palette-1");
}

/* --- Mode terang: logo hitam ---
   Dua selektor supaya kelas bisa ada di <html> (pra-paint) maupun <body>
   (dikelola config.js) tanpa bergantung pada mana yang lebih dulu. */
html.theme-light .brand-mark-img,
html.theme-light .home-brand-mark,
html.theme-light .toggle-icon-logo,
html.theme-light .login-brand-mark,
body.theme-light .brand-mark-img,
body.theme-light .home-brand-mark,
body.theme-light .toggle-icon-logo,
body.theme-light .login-brand-mark {
  content: url("/brand/eclyzer-mark-black.svg?v=20261008-palette-1");
}

/* Home brand mark memakai drop-shadow gelap; di mode terang ganti agar
   tidak terlihat seperti kotak kabur di sekitar logo hitam. */
body.theme-light .home-brand-mark,
html.theme-light .home-brand-mark {
  filter: drop-shadow(0 6px 24px rgba(10, 10, 11, 0.12));
}

/* Apple touch / favicon TIDAK ikut berganti tema — favicon selalu putih
   transparan sesuai addendum §3. Tidak ada aturan tema untuk favicon. */