/* hvsc.vn – TRỤ CỘNG ĐỒNG: Sáng / Tối (đợt 2, 11/10/2026). Nạp SAU pillar-csr.css + hv-theme.css bởi inc/theme.php.
 * Gốc = SÁNG (giấy kem, polaroid, chữ tay) → giữ nguyên. TỐI = "giấy kraft ban đêm": nền nâu ấm #17140F, chữ kem,
 * polaroid/báo cắt/giấy note vẫn là GIẤY SÁNG (vật thể thật trên bàn tối), nét vẽ + tem đổi sang màu sáng. Biến --paper*, --ink-c*, --terra... */

html[data-theme="dark"] .csr-land{
  --paper:#17140F; --paper-2:#1F1A13; --paper-hi:#252017; --kraft:#33291C;
  --ink-c:#F3EAD8; --ink-c2:#D6CAB4; --ink-c3:#B3A68F; --rule:#4B3F2D;
  --terra:#EC9468; --olive:#B3C573; --ochre:#E6B45A; --clay:#C99A76;
  color-scheme:dark;
  background-image:radial-gradient(circle at 12% 8%,rgba(255,236,200,.05),transparent 38%),var(--csr-noise,none);
}
html[data-theme="dark"] body.hv-csr-land{background:#17140F}
/* nút */
html[data-theme="dark"] .csr-btn--red{box-shadow:3px 4px 0 #6B1A1D}
html[data-theme="dark"] .csr-btn--red:hover{box-shadow:4px 6px 0 #6B1A1D}
html[data-theme="dark"] .csr-btn--line{background:transparent;border-color:var(--ink-c2)}
html[data-theme="dark"] .csr-btn--line:hover{background:var(--ink-c);color:#17140F!important}
html[data-theme="dark"] .csr-land a:hover{color:#FF8A8D}
/* vật thể giấy: giữ sáng, bóng sâu hơn */
html[data-theme="dark"] .csr-pola,html[data-theme="dark"] .csr-clip,html[data-theme="dark"] .csr-press a,html[data-theme="dark"] .csr-sticky{box-shadow:0 14px 26px -12px rgba(0,0,0,.75)}
html[data-theme="dark"] .csr-sticky,html[data-theme="dark"] .csr-sticky small{color:#2B211A}
html[data-theme="dark"] .csr-land img{filter:brightness(.94)}
/* thẻ / khối giấy hi → surface tối ấm, viền sáng nhẹ */
html[data-theme="dark"] .csr-card,html[data-theme="dark"] .csr-org,html[data-theme="dark"] .csr-give li,html[data-theme="dark"] .csr-steps{box-shadow:0 1px 0 var(--rule),0 12px 24px -18px rgba(0,0,0,.8)}
html[data-theme="dark"] .csr-steps{box-shadow:8px 8px 0 #4A5226}
html[data-theme="dark"] .csr-steps li::before{color:#1B1608}
html[data-theme="dark"] .csr-dn-4 li,html[data-theme="dark"] .csr-flow li,html[data-theme="dark"] .csr-orgchips{background:rgba(255,236,200,.05)}
html[data-theme="dark"] .csr-orgchips li{background:var(--paper-2)}
html[data-theme="dark"] .csr-example{background:var(--paper-hi)}
html[data-theme="dark"] .csr-example__tag{color:#1B1608}
html[data-theme="dark"] .csr-num{color:var(--ink-c)}
html[data-theme="dark"] .csr-tk::before,html[data-theme="dark"] .csr-org__t li::before{background-color:var(--paper-2)}
html[data-theme="dark"] .csr-tk--m::before,html[data-theme="dark"] .csr-org__t li.csr-tk--m::before{background-color:var(--paper-2)}
html[data-theme="dark"] .csr-feature{background-color:var(--kraft)}
html[data-theme="dark"] .csr-door--biz,html[data-theme="dark"] .csr-bridge__n--a{background:var(--kraft)}
html[data-theme="dark"] .csr-org--vat{background:var(--paper-2)}
html[data-theme="dark"] .csr-path>div{background:var(--paper-2);color:var(--ink-c)}
html[data-theme="dark"] .csr-board__f{background:#F3EBDD}
/* khối vốn tối (reflex, strip, gói chính, cầu nối): giữ, thêm viền để tách khỏi nền tối */
html[data-theme="dark"] .csr-reflex,html[data-theme="dark"] .csr-strip,html[data-theme="dark"] .csr-pack__i--main,html[data-theme="dark"] .csr-bridge__n--h{background:#2E241B;outline:1px solid rgba(243,234,216,.16);outline-offset:-1px}
html[data-theme="dark"] .csr-strip::before,html[data-theme="dark"] .csr-strip::after,html[data-theme="dark"] .csr-pack__i--main::before{background:var(--paper)}
/* form hợp tác [hv_partner_form pillar=csr] */
html[data-theme="dark"] .hvpf--csr{--pf-bg:#17140F;--pf-ink:#F3EAD8;--pf-mut:#B3A68F;--pf-line:rgba(243,234,216,.28);--pf-fld:#25201A;background-color:#17140F}
html[data-theme="dark"] .hvpf--csr .hvpf__in{background:#1F1A13;border-color:rgba(243,234,216,.2);box-shadow:0 16px 36px -22px #000}
html[data-theme="dark"] .hvpf--csr{--pf-acc:#EC9468;--pf-accink:#1B1008}
html[data-theme="dark"] .hvpf--csr .hvpf__k{color:#EC9468}
html[data-theme="dark"] .hvpf--csr .hvpf__ft a{color:#F3EAD8}
html[data-theme="dark"] .hvpf--csr .hvpf__msg.is-err{color:#FF9A9E}

/* chữ đỏ trên nền tối → đỏ sáng hơn (≥4,5:1); nút/tem đỏ nền đặc giữ #E31E24 */
html[data-theme="dark"] .csr-land{--red-t:#FF7378}
html[data-theme="dark"] .csr-index a:hover,html[data-theme="dark"] .csr-index a.is-on,html[data-theme="dark"] .csr-ch__no,html[data-theme="dark"] .csr-prose--drop>p:first-of-type::first-letter,html[data-theme="dark"] .csr-note__hand,html[data-theme="dark"] .csr-tl__i--key .csr-tl__y,html[data-theme="dark"] .csr-scrap__y,html[data-theme="dark"] .csr-tool__bd .csr-tool__go,html[data-theme="dark"] .csr-board__frames b,html[data-theme="dark"] .csr-path__or,html[data-theme="dark"] .csr-strip__n,html[data-theme="dark"] .csr-pack__tag,html[data-theme="dark"] .csr-door__k{color:var(--red-t)}
html[data-theme="dark"] .csr-pack__price{color:var(--red-t);border-color:var(--red-t)}
/* chữ trên giấy sáng (note/ghi chú giấy) */
html[data-theme="light"] .csr-door__k{color:#C5161B}
/* báo cắt (giấy sáng cố định): chữ tối */
html[data-theme="dark"] .csr-land .csr-clip figcaption{color:#4D463C}
html[data-theme="dark"] .csr-land .csr-clip figcaption a{color:#8A3A18}
html[data-theme="dark"] .csr-pack__i--main .csr-pack__price{color:#fff;border-color:var(--red)}

/* QA 11/10 (chế độ sáng): chữ trên giấy kraft/kem đủ ≥4,5:1 */
html[data-theme="light"] .csr-door--biz .csr-door__k { color: #A3121A; }
html[data-theme="light"] .csr-door--biz small { color: #4A5622; }
html[data-theme="light"] .csr-index a.is-on { color: #A3121A; }
html[data-theme="light"] .csr-land .csr-clip figcaption a { color: #8A3A18; }

/* review3-cn: tương phản nhãn ví dụ (sáng) */
html:not([data-theme="dark"]) .csr-example__tag{background:#8A5A12;color:#fff}