/* Lớp chủ đề Lớp học ảo: ánh xạ --hv-* sang biến của trang (ưu tiên hơn khối prefers-color-scheme của trang). */
html[data-hv-theme]{--bg:var(--hv-bg);--paper:var(--hv-surface);--ink:var(--hv-ink);--mut:var(--hv-muted);--line:var(--hv-line);--red:var(--hv-accent);--navy:var(--hv-top);--navy2:var(--hv-top);
 --gold:var(--hv-accent-2);--gold2:var(--hv-accent-2);--ok:var(--hv-ok);--bad:var(--hv-bad);--sh:var(--hv-shadow)}
html[data-hv-theme] button.pri{color:var(--hv-accent-ink)}
html[data-hv-theme] button.navy,html[data-hv-theme] button[aria-pressed=true],html[data-hv-theme] .av{color:var(--hv-top-ink)}
html[data-hv-theme] .hero{color:var(--hv-top-ink);border-bottom:1px solid var(--hv-line)}
html[data-hv-theme] .hero .cta button:not(.pri){color:var(--hv-top-ink);border-color:color-mix(in srgb,var(--hv-top-ink) 40%,transparent)}
html[data-hv-theme] .chip{border-color:color-mix(in srgb,var(--hv-top-ink) 30%,transparent)}
html[data-hv-theme] .qopt.ok{background:var(--hv-ok-bg)}html[data-hv-theme] .qopt.bad{background:var(--hv-bad-bg)}
html[data-hv-theme] .hero h1 em{color:var(--hv-accent-2)}
html[data-hv-theme=hvsc] .hero h1 em{color:#ff8a8e}

/* tông bảng điều khiển khi để "Nguyên bản": theo màu game, không nền trắng chói */
:root{--gp-bg:#14213d;--gp-bg2:#22345f;--gp-ink:#f7f1e3;--gp-mut:#b9c0d4;--gp-line:rgba(216,178,90,.32);--gp-acc:#d8b25a;--gp-soft:rgba(216,178,90,.16)}