/* hvsc.vn – TRỤ CÔNG NGHỆ: Sáng / Tối (đợt 2, 11/10/2026). Nạp SAU pillar-tech.css (+ -oss) + hv-theme.css bởi inc/theme.php.
 * Gốc = TỐI (blueprint navy, terminal) → giữ nguyên. SÁNG = "bản vẽ kỹ thuật trên giấy": nền xanh-chàm rất nhạt kẻ ô, thẻ trắng + viền chàm,
 * chữ chàm #4338CA; terminal / code / trình duyệt / điện thoại / rack GIỮ KHUNG TỐI đặc (cùng cách khối paper sáng nằm trong bản tối).
 * Biến cục bộ --pt-*: 2 bộ giá trị theo html[data-theme]. */

html[data-theme="light"] .pt{
  --pt-bg:#F3F5FC; --pt-bg2:#E9EDFA; --pt-panel:#FFFFFF; --pt-panel2:#F1F3FC;
  --pt-line:rgba(67,56,202,.17); --pt-line2:rgba(67,56,202,.32);
  --pt-grid:rgba(67,56,202,.055); --pt-grid2:rgba(67,56,202,.11);
  --pt-ink:#14161F; --pt-ink2:#323648; --pt-mute:#545A6E;
  --pt-acc:#4338CA; --pt-acc2:#5B50E0; --pt-red-hi:#C5161B; --pt-ok:#137A47; --pt-warn:#8A5A00; --pt-cyan:#0B6F84;
  --pt-paper:#FFFFFF; --pt-paper-line:rgba(67,56,202,.14);
  color-scheme:light;
}
html[data-theme="light"] body.hv-pt-page{background:#F3F5FC}
html[data-theme="light"] .pt-bp::before{-webkit-mask-image:radial-gradient(120% 90% at 50% 0%,#000 60%,transparent 100%)}
/* khung giữ tối đặc: khôi phục bảng màu tối ngay trong khung (để chữ dùng biến vẫn đọc được) */
html[data-theme="light"] :is(.pt-term,.pt-browser,.pt-arch,.pt-kpi,.pt-panel,.pt-rack,.pt-phone,.pt-demo__vis,.pt-fig figcaption,.pt-cell--red){
  --pt-ink:#F3F1EC; --pt-ink2:#D2D4DE; --pt-mute:#A3A8BA; --pt-acc:#A7ABFF; --pt-acc2:#6D72F6; --pt-red-hi:#FF6166; --pt-ok:#3DDC97; --pt-warn:#FFC857; --pt-cyan:#5CE1E6;
  --pt-line:rgba(167,171,255,.16); --pt-line2:rgba(167,171,255,.28);
  color:#F3F1EC;
}

/* thẻ có nền gradient tối cố định → bản sáng */
html[data-theme="light"] .pt-cell{background:linear-gradient(180deg,#fff,#F1F3FC)}
html[data-theme="light"] .pt-sec--paper .pt-cell{background:#fff}
html[data-theme="light"] .pt-cell--red{background:linear-gradient(160deg,#2A0D10,#140A0C 70%)}
html[data-theme="light"] .pt-vs__c--hl{background:linear-gradient(160deg,#FFE9EA,#fff 60%);border-color:rgba(197,22,27,.4)}
html[data-theme="light"] .pt-vs__c--hl h3 .mono{background:rgba(197,22,27,.1)}
html[data-theme="light"] .pt-mod h3,html[data-theme="light"] .pt-demo h3,html[data-theme="light"] .pt-flow__i h3,html[data-theme="light"] .pt-callout b,html[data-theme="light"] .pt-cta__row b,html[data-theme="light"] .pt-tld__n{color:var(--pt-ink)}
html[data-theme="light"] .pt-mod:hover{box-shadow:0 24px 50px -28px rgba(67,56,202,.45)}
html[data-theme="light"] .pt-mod__top,html[data-theme="light"] .pt-dd__side{background:rgba(67,56,202,.05)}
html[data-theme="light"] .pt-btn--line{background:rgba(255,255,255,.7);color:var(--pt-ink)}
html[data-theme="light"] .pt-btn--line:hover{background:rgba(67,56,202,.08)}
html[data-theme="light"] .pt-chips li{background:rgba(255,255,255,.8)}
html[data-theme="light"] .pt-prompt{background:rgba(255,255,255,.7)}
html[data-theme="light"] .pt-callout{background:rgba(197,22,27,.05)}
html[data-theme="light"] .pt-videos li{background:#fff;border-color:var(--pt-line2)}
html[data-theme="light"] .pt-step::before{background:#fff;color:var(--pt-acc);border-color:var(--pt-line2)}
html[data-theme="light"] .pt-sec--paper .pt-step::before{background:#fff}
/* form hợp tác [hv_partner_form pillar=tech] */
html[data-theme="light"] .hvpf--tech{--pf-bg:#F3F5FC;--pf-ink:#14161F;--pf-mut:#545A6E;--pf-acc:#4338CA;--pf-accink:#fff;--pf-line:rgba(67,56,202,.35);--pf-fld:#fff;
  background:#F3F5FC radial-gradient(rgba(67,56,202,.10) 1px,transparent 1px) 0 0/22px 22px}
html[data-theme="light"] .hvpf--tech .hvpf__in{border-color:rgba(67,56,202,.3);background:rgba(255,255,255,.85);box-shadow:0 14px 34px -24px rgba(67,56,202,.45)}
html[data-theme="light"] .hvpf--tech .hvpf__k{color:#137A47}
html[data-theme="light"] .hvpf--tech .hvpf__k::before{color:#4338CA}
html[data-theme="light"] .hvpf--tech .hvpf__chip input:checked+span{box-shadow:0 0 0 3px rgba(67,56,202,.2)}
html[data-theme="light"] .hvpf--tech .hvpf__ft a{color:#4338CA}
html[data-theme="light"] .hvpf--tech .hvpf__msg.is-err{color:#C5161B}
/* hub phần mềm mã nguồn mở */
html[data-theme="light"] .pt-oss-chip{background:#fff;color:var(--pt-ink2)}
html[data-theme="light"] .pt-oss-chip:hover{color:var(--pt-ink)}
html[data-theme="light"] .pt-oss-chip[aria-pressed="true"]{color:var(--pt-ink);background:rgba(197,22,27,.08)}
html[data-theme="light"] .pt-oss-card:hover h3{color:var(--pt-acc)}
html[data-theme="light"] .pt-oss-ic{background:rgba(67,56,202,.08)}
html[data-theme="light"] .pt-flow__i:not(:last-child)::after{background:var(--pt-bg)}
/* tương phản (đo WCAG, cả 2 chế độ) */
.pt-spec .pt-n{color:#666A75}
.pt-spec thead th.is-hl small{color:#fff}
html[data-theme="light"] .pt-cta__ic{color:var(--pt-acc)}

/* ===== QA 11/10: chữ phụ trong khung tối (terminal) + thẻ app đỏ ===== */
html[data-theme] .pt-chk__res .pt-panel__h span, html[data-theme] .pt-chk__score small { color: #9AA0AD; }
html[data-theme] .pt-app__card--red { background: #C5161B; }
html[data-theme] .pt-app__card--red .pt-app__row span { color: #fff; }
html[data-theme="light"] .pt-cta__side .pt-cta__ic { color: #1D4ED8; }
html[data-theme="light"] .pt-arch figcaption { color: #9AA0AD; }
html[data-theme="light"] .pt-chk__msg { color: #B6BBC7; }
html[data-theme="light"] .pt-cta__side .pt-cta__ic { color: #1D4ED8 !important; }