/* ════════════════════════════════════════════════════════════════
   NBRE · theme-light.css — LIGHT THEME override (ivory+gold); NẠP CUỐI để cascade đúng
   Tách từ styles.css. THỨ TỰ NỐI (cascade): base → layout → components
   → estate-detail → editorial → detail-modules → overlays → theme-light.
   theme-light.css PHẢI nạp cuối. Đừng đảo thứ tự <link>.
   ════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════
   LIGHT THEME — warm ivory + deep gold; hero/map giữ nền tối (mang từ P2)
═══════════════════════════════════════════════════════════════ */
:root[data-theme="light"] {
  --ink: #f5f2ea; /* warm ivory page          */
  --ink-2: #fbf8f1; /* card / panel surface     */
  --ink-3: #ece6d8;
  --line: rgba(58, 46, 22, 0.17);
  --gold: #a9802f;
  --gold-soft: #8a6826;
  --gold-bright: #74551c;
  --text: #211d15;
  --muted: #6a6053;
  --muted-2: #8f8576;
}
/* hero & các panel kính nằm TRÊN bản đồ tối → giữ bảng màu tối để chữ vẫn rõ */
:root[data-theme="light"] .hero,
:root[data-theme="light"] .mapsearch,
:root[data-theme="light"] .mapctl,
:root[data-theme="light"] .legend,
:root[data-theme="light"] .dossier,
:root[data-theme="light"] .fav-fab,
:root[data-theme="light"] .fav-panel,
:root[data-theme="light"] .score-pop,
:root[data-theme="light"] .booksheet,
:root[data-theme="light"] .to-top,
:root[data-theme="light"] .ecard__img,
:root[data-theme="light"] .nav:not(.is-stuck) {
  --gold: #c8a972;
  --gold-soft: #d8c195;
  --gold-bright: #f0ddb4;
  --text: #ece8df;
  --muted: #b9b3a8;
  --muted-2: #8a8c94;
  --line: rgba(200, 169, 114, 0.2);
  --ink-2: #0b0e15;
  --ink-3: #11151f;
  color: var(--text); /* ép chữ kế thừa màu sáng (không chỉ đổi biến) */
}
:root[data-theme="light"] .nav.is-stuck {
  background: rgba(250, 247, 240, 0.85);
  border-bottom-color: var(--line);
}
:root[data-theme="light"] .zbar__search,
:root[data-theme="light"] .efdrop__btn {
  background: rgba(40, 30, 10, 0.04);
}
:root[data-theme="light"] .zbar__search:focus-within {
  background: rgba(40, 30, 10, 0.06);
}
:root[data-theme="light"] .efdrop__menu {
  background: rgba(252, 249, 242, 0.98);
}
:root[data-theme="light"] .eopt:hover {
  background: rgba(169, 128, 47, 0.12);
}
:root[data-theme="light"] .efdrop.has-sel .efdrop__btn {
  background: rgba(169, 128, 47, 0.13);
}
:root[data-theme="light"] .zbar__save,
:root[data-theme="light"] .pager__num.is-active,
:root[data-theme="light"] .langseg button.on,
:root[data-theme="light"] .efdrop__badge {
  color: #fff8ec;
}
:root[data-theme="light"] .eopt.on .eopt__box {
  color: #fff8ec;
}
:root[data-theme="light"] .vignette {
  background: radial-gradient(
    120% 80% at 50% 40%,
    transparent 62%,
    rgba(60, 48, 24, 0.1) 100%
  );
}