/* Da Vinci LMS — giao diện tối dùng chung (nạp SAU css riêng của từng trang).
   Nền xám than trung tính, thẻ đặc (không trong suốt), đỏ chỉ dùng làm điểm nhấn. */
html[data-theme="dark"]{
  --bg:#121214;
  --card:#1b1b1f;
  --surface:#1b1b1f;
  --surface2:#202025;
  --text:#ececef;
  --muted:#9d9da6;
  --line:rgba(255,255,255,.09);
  --shadow:0 18px 50px rgba(0,0,0,.5);
  --primary:#e0545b;
  --pill:rgba(224,84,91,.14);
  --chipText:#ececef;
  --subtleText:#d6d6dc;
  color-scheme:dark;
}
html[data-theme="dark"] body{
  background:radial-gradient(900px 520px at 15% -5%,rgba(199,58,64,.07),transparent 65%),var(--bg);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] aside.card,
html[data-theme="dark"] main.card{background:var(--card);box-shadow:0 10px 36px rgba(0,0,0,.35)}

/* chip người dùng: thẻ mở ra phải đặc, chữ luôn đọc được */
html[data-theme="dark"] .dvchip .dc-btn{background:#232328;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .dvchip .dc-card{background:#232328;border-color:rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.6)}
html[data-theme="dark"] .dvchip .dc-lv{background:rgba(224,84,91,.12)}
html[data-theme="dark"] .dvchip .dc-lvn{color:#f08a90}
html[data-theme="dark"] .dvchip .dc-acts a{background:#2b2b31;color:#ececef;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .dvchip .dc-acts a:hover{color:#f08a90;border-color:rgba(224,84,91,.6)}

/* chữ đỏ sẫm trên nền sáng -> đỏ nhạt trên nền tối */
html[data-theme="dark"] .lvCard.current,
html[data-theme="dark"] .lvCard.current .lvTag,
html[data-theme="dark"] .dashGrid.wide .sectionTitle .meta,
html[data-theme="dark"] .aPills span,
html[data-theme="dark"] .uchip .ulv b,
html[data-theme="dark"] .tile .tbtn.ghost,
html[data-theme="dark"] .fltBar button:hover,
html[data-theme="dark"] .cdBack,
html[data-theme="dark"] .cdOther a.on,
html[data-theme="dark"] .lesson-item.active .lesson-title,
html[data-theme="dark"] .cmt-meta-count,
html[data-theme="dark"] .list-top .meta{color:#f08a90}
html[data-theme="dark"] .lvCard.done,
html[data-theme="dark"] .lvCard.done .lvTag{color:#7fd8a6}
html[data-theme="dark"] .lvCard{background:#202025}
html[data-theme="dark"] .lvCard.current{background:rgba(224,84,91,.12)}
html[data-theme="dark"] .lvCard.locked{color:var(--muted)}

/* hiệu ứng tải (skeleton / shimmer) */
html[data-theme="dark"] .loadingLine,
html[data-theme="dark"] .loading-line{
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));
  background-size:600px 100%;
}
html[data-theme="dark"] .hxSk{
  background:linear-gradient(100deg,rgba(255,255,255,.05) 30%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.05) 70%);
  background-size:300% 100%;
}
html[data-theme="dark"] .hxCard,html[data-theme="dark"] .hxKpi{background:var(--card)}
html[data-theme="dark"] .hxBtn{background:#2b2b31;color:var(--text)}
html[data-theme="dark"] .hxBtn.pri{background:linear-gradient(135deg,#d24850,#a8303a);color:#fff}
html[data-theme="dark"] .hxTrack,html[data-theme="dark"] .hxRing .bg{background:rgba(255,255,255,.09);stroke:rgba(255,255,255,.09)}
html[data-theme="dark"] .hxRing .bg{background:none}
html[data-theme="dark"] .hxDoc .ic,html[data-theme="dark"] .hxIcon{background:rgba(224,84,91,.14);color:#f08a90}