/* ==========================================================================
   LÁT 4 · PRJ-045 · 19/10/2026 — dọn phần còn lại. Nạp SAU CÙNG toàn site (functions.php).
   Không đổi luật lát 1–3. Chỉ trình bày, không đụng logic.
   ========================================================================== */

/* ---------- 1. /goc-hoc-tap/ — đảo token cục bộ theo mục 0.1 DESIGN_SYSTEM ----------
   Trang này vẽ thẻ nền tối (#1e1a13) và chữ kem cố định nên ở giao diện sáng chữ kem nằm trên nền kem
   (tiêu đề "Chào bạn, bắt đầu từ đây" ~1,1:1). Sáng: dùng đúng token sáng của nen.css. Tối: giữ nguyên. */
html[data-giao-dien="sang"] .ght {
  --g-nen: #fffaf0;                       /* = --color-neutral-900 sáng, thẻ nổi nhẹ trên nền kem #f6f0e3 */
  --g-chu: #1f1a13;                       /* = --color-bg sáng, 15,2:1 trên nền trang */
  --g-chu-2: #433b2f;                     /* 9,7:1 */
  --g-chu-3: #5a5142;                     /* 6,9:1 */
  --g-kem-06: rgba(31, 26, 19, .05);
  --g-kem-16: rgba(31, 26, 19, .16);
  --g-cam-05: rgba(181, 75, 7, .05);
  --g-cam-09: rgba(181, 75, 7, .09);
  --g-cam-18: rgba(181, 75, 7, .22);
}
html[data-giao-dien="sang"] .ght-card { border-color: #d8cfbf; background: var(--g-nen); }
html[data-giao-dien="sang"] .ght-next { border: 1px solid #d8cfbf; background: #fff1e3; }
html[data-giao-dien="sang"] .ght-heat-phu span { background: var(--g-nen); color: var(--g-chu-2); }
html[data-giao-dien="sang"] .ght-item .pill.xong { background: rgba(88, 106, 28, .14); color: #3f4c12; }
html[data-giao-dien="sang"] .ght-item .pill.do { color: #7d3304; }
html[data-giao-dien="sang"] .ght-priv, html[data-giao-dien="sang"] .ght-item { border-color: #d8cfbf; }
html[data-giao-dien="sang"] .ght-ladder li.here { box-shadow: none; border: 1px solid rgba(181, 75, 7, .3); }
/* nút chính phẳng cam, như toàn site */
.pd .ght-btn-main, .pd .ght-btn-main:hover, .pd .ght-btn-main:visited { background: var(--o-500); background-image: none; color: #2e1103; box-shadow: none; }
.pd .ght-btn-main:hover { background: var(--o-600); }
.pd .ght-link-phu { color: #6e2c05; }
html:not([data-giao-dien="sang"]) .pd .ght-next .ght-link-phu { color: #6e2c05; }

/* ---------- 2. Giao diện tối: menu nền đặc, viền mảnh ---------- */
html:not([data-giao-dien="sang"]) .pd .pd-nav {
  background-color: #2e2b25; background-image: none; opacity: 1; backdrop-filter: none; -webkit-backdrop-filter: none;
  border-color: #645c50; isolation: isolate; z-index: 40;
}
html[data-giao-dien="sang"] .pd .pd-nav { background-color: #fffaf0; background-image: none; backdrop-filter: none; isolation: isolate; z-index: 40; }
/* tiêu đề trong trang luôn lấy token chữ của trang (thắng luật nội tuyến cùng độ ưu tiên) */
html .pd .ght .ght-head h1, html .pd .ght .ght-card:not(.ght-next) h2, html .pd .ght .ght-item h3, html .pd .ght .ght-priv h2 { color: var(--g-chu); }