/* Chế độ tối: theo thiết bị (auto) hoặc chọn thủ công */
:root[data-theme="dark"]{--bg:#15100D;--bg-alt:#1B1411;--surface:#211915;--text:#F6EADB;--muted:#C9B4A1;--line:rgba(255,240,225,.12);
  --accent:#FF9A6B;--accent-strong:#FFB894;--link:#FFAA84;--ok:#8FD19E;--err:#FF9C94;--coal:#F6EADB;
  --grad-warm:linear-gradient(120deg,#FF8F66 0%,#FFB45A 100%);
  --glass-bg:rgba(48,33,27,.6);--glass-strong:rgba(40,28,23,.9);--glass-dark:rgba(255,255,255,.04);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 14px 30px -14px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 30px 60px -24px rgba(0,0,0,.8);
  color-scheme:dark}
@media (prefers-color-scheme:dark){:root[data-theme="auto"]{--bg:#15100D;--bg-alt:#1B1411;--surface:#211915;--text:#F6EADB;--muted:#C9B4A1;--line:rgba(255,240,225,.12);
  --accent:#FF9A6B;--accent-strong:#FFB894;--link:#FFAA84;--ok:#8FD19E;--err:#FF9C94;--coal:#F6EADB;
  --grad-warm:linear-gradient(120deg,#FF8F66 0%,#FFB45A 100%);
  --glass-bg:rgba(48,33,27,.6);--glass-strong:rgba(40,28,23,.9);--glass-dark:rgba(255,255,255,.04);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 14px 30px -14px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.3);--shadow-lg:0 30px 60px -24px rgba(0,0,0,.8);
  color-scheme:dark}}
:root[data-theme="dark"] .section-dark{background:#0F0A08}
:root[data-theme="dark"] .hero{background:radial-gradient(60% 55% at 90% 10%,rgba(242,169,59,.12),transparent 70%),radial-gradient(45% 45% at 0% 0%,rgba(232,84,30,.10),transparent 70%)}
:root[data-theme="dark"] .entry-content img,:root[data-theme="dark"] .card-media img,:root[data-theme="dark"] .hero-frame img{filter:brightness(.92)}
:root[data-theme="dark"] .btn-primary,:root[data-theme="dark"] .fav-btn[aria-pressed=true]{color:#fff}
:root[data-theme="dark"] .toast{background:#F6EADB;color:#1F1410}
:root[data-theme="dark"] .stars,:root[data-theme="dark"] .rating-input label:hover,:root[data-theme="dark"] .rating-input input:checked~label{color:#FFC46B}
:root[data-theme="dark"] .chip:hover,:root[data-theme="dark"] .chip.is-active,:root[data-theme="dark"] .chip[aria-selected=true],:root[data-theme="dark"] .btn-outline:hover,:root[data-theme="dark"] .tablist [aria-selected=true],:root[data-theme="dark"] .pagination .current,:root[data-theme="dark"] .pagination a:hover,:root[data-theme="dark"] .chip-list-links a:hover,:root[data-theme="dark"] .steps li::before{color:#1F1410}
:root[data-theme="dark"] .btn-primary:hover{color:#fff}
@media (prefers-color-scheme:dark){
:root[data-theme="auto"] .section-dark{background:#0F0A08}
:root[data-theme="auto"] .hero{background:radial-gradient(60% 55% at 90% 10%,rgba(242,169,59,.12),transparent 70%),radial-gradient(45% 45% at 0% 0%,rgba(232,84,30,.10),transparent 70%)}
:root[data-theme="auto"] .entry-content img,:root[data-theme="auto"] .card-media img,:root[data-theme="auto"] .hero-frame img{filter:brightness(.92)}
:root[data-theme="auto"] .btn-primary,:root[data-theme="auto"] .fav-btn[aria-pressed=true]{color:#fff}
:root[data-theme="auto"] .toast{background:#F6EADB;color:#1F1410}
:root[data-theme="auto"] .stars,:root[data-theme="auto"] .rating-input label:hover,:root[data-theme="auto"] .rating-input input:checked~label{color:#FFC46B}
:root[data-theme="auto"] .chip:hover,:root[data-theme="auto"] .chip.is-active,:root[data-theme="auto"] .chip[aria-selected=true],:root[data-theme="auto"] .btn-outline:hover,:root[data-theme="auto"] .tablist [aria-selected=true],:root[data-theme="auto"] .pagination .current,:root[data-theme="auto"] .pagination a:hover,:root[data-theme="auto"] .chip-list-links a:hover,:root[data-theme="auto"] .steps li::before{color:#1F1410}
:root[data-theme="auto"] .btn-primary:hover{color:#fff}
}