/* HLProduction — bảng màu đen, vàng kim và kem sáng lấy cảm hứng từ poster. */
:root{--ink:#f5eedf;--muted:#b6a78e;--line:#493722;--red:#d6ac58;--paper:#0c0907;--wash:#15100b;--gold:#f1d17d;--feed-bg:#0a0807;--feed-card:#17120d;--feed-blue:#dfb763;--feed-text:#f4ecdf;color-scheme:dark}
html{background:#0a0807;scrollbar-color:#8c6934 #110d09}
body{background:#0a0807;color:#f4ecdf}
a{color:inherit}a:hover{color:#f0ce7a}
.site-header{background:#0c0907;border-color:#4a3821;box-shadow:0 1px 0 #d1a74c12}
.header-top{border-color:#493722}.brand{color:#f4e8d4}.brand-mark{border-color:#d2aa58;color:#f1d17d}.brand-mark span{color:#f2d98f}.brand small,.header-date{color:#b6a78e}.header-date span{color:#e7bd67}.search-toggle{color:#f2e8d8}
.main-nav{border-color:#392b1b;background:#100c09}.main-nav .nav-inner>a{color:#d5c6ad}.nav-inner .nav-home,.nav-inner>a.active,.nav-inner>a:hover{color:#f0cc72}.nav-live{color:#c8b38f}.nav-live i{background:#d8ad58;box-shadow:0 0 0 3px #d8ad5826}
.search-panel{background:#0d0a08;color:#f3eadb}.search-panel input{background:#17120d;color:#f4ecdf;border-color:#614825}.search-panel button{background:linear-gradient(135deg,#edcf7c,#bd8b3e);color:#171007}
.page-content{color:#f3ecdf}.section-kicker{background:#15100c;border:1px solid #493721;color:#e3bb69}.kicker-line{background:#594326}.muted{color:#b5a68f}
.hero-main,.hero-side .side-story{background:#17120e;border:1px solid #493721;border-radius:12px;overflow:hidden}.hero-main{box-shadow:0 10px 28px #0008}.hero-copy{background:linear-gradient(125deg,#18120c,#100c09)}.hero-copy h1,.side-story h2{color:#f4e8d4}.hero-copy p{color:#c8b99f}.tag{color:#dcb768}.byline{color:#b0a087}.art-label{background:#100b08d9;color:#f4d582;border:1px solid #d4aa5844}.hero-grid{border-color:#493721}.side-story{border-color:#493721}
.content-grid{color:#f0e7d9}.section-heading{border-color:#a9874d}.section-heading h2{color:#f1e3cc}.section-heading>a{color:#c3b297}.section-heading>a b,.heading-dot{color:#ebc76f;background:#d5a94f}.latest-card{background:#17120d;border:1px solid #493721;border-radius:10px;box-shadow:0 5px 20px #0005}.latest-card h3{color:#f3e7d3}.latest-card h3 a:hover,.popular-list a:hover{color:#f1cb70}.latest-card p{color:#c2b49d}.article-meta,.published-meta{color:#b4a48a}.thumb,.side-art{background:#231a12;border-color:#4d3921}.popular-list li{border-color:#41311f}.popular-list li span{color:#ba9450}.popular-list a{color:#e8dcc8}.sidebar-block{background:#17120d;border:1px solid #493721;border-radius:10px;color:#efe3cf}.category-block>a{color:#d9c9b0;border-color:#493722}.category-block>a span{background:#2a1f14;color:#e7c66f}
.feed-left{color:#eaddc7}.feed-left>a{color:#e4d6c0}.feed-left>a:hover,.feed-left>a.active{background:#21180f;color:#f3d27b}.feed-left>a>span{color:#e2bd6b}.feed-profile{border-color:#493722}.feed-profile b,.video-post-head b{color:#f4e8d3}.feed-profile small,.video-post-head small,.feed-left-note{color:#b2a38c}.profile-mark,.create-avatar,.post-avatar{background:#392813;color:#f1cc6c;border:1px solid #b48b42}.create-post,.video-post,.article-feed-card,.text-post,.latest-card,.sidebar-block,.newsletter{background:#17120d;border-color:#493721;color:#f2e7d7;box-shadow:0 5px 22px #0004}.create-post{color:#c5b69e}.create-post:hover{background:#20180f}.create-post>b{background:#4b3518;color:#f5d67f}.video-post-head,.text-post-head{color:#f3e7d4}.post-menu{color:#d2bc92}.text-post-content{color:#e9dece}.published-title{color:#f3e6d0}.published-summary{color:#d0c1a8}.published-excerpt{color:#cfc0a8}.published-read-more{color:#f0ca70}.published-cover{background:#21180e}.article-feed-card a,.article-feed-card button{color:#edc96e}
.quote-card{background:radial-gradient(ellipse at top right,#392714,#171009 68%);border:1px solid #98713a;color:#f4e6cf}.quote-mark{color:#f0ca70}.quote-by{color:#d0b47d}.newsletter{background:#17120d;border-color:#584224}.newsletter h2,.newsletter b{color:#f1e4ce}.newsletter p,.newsletter small{color:#bca98c}.newsletter input{background:#0f0c09;color:#f5ead8;border-color:#604824}.newsletter button{background:#d5aa58;color:#171007;border-color:#e4c16f}
.topic-strip{border-color:#584326;background:#100c09;color:#ede0ca}.topic-strip>div span{color:#edc96e}.topic-strip>div b{color:#edc96e}.topic-strip>a{color:#e6d7bf}.topic-strip>a:hover{color:#f4d27c}
.feed-load-more{border:1px solid #a47b38;background:linear-gradient(135deg,#e4c16c,#b88337);color:#191109;box-shadow:0 5px 15px #0005}.feed-load-more:hover{background:#f0d487}.article-loading,.empty-state{color:#c5b497}.preview-error{background:#28150f;color:#f2c2a9;border-color:#774c38}
.site-footer{background:linear-gradient(110deg,#090706,#1b120a 55%,#0b0807);border-top:1px solid #9b743b;color:#eee1ca}.footer-brand .brand-mark{border-color:#d2aa58;color:#f2d37e}.footer-brand .brand-mark span{color:#f2d37e}.footer-brand strong{color:#f3e3c9}.footer-brand small,.news-footer-note,.news-contact-details{color:#c5b395}.news-contact-details strong{color:#edcc78}.news-contact-details a b{color:#f3e8d7}.news-social-links>span{color:#d6c3a2}.news-social-links a{border-color:#9a733a;background:#20160c;color:#f2d17b}.news-social-links a:hover{background:#d3a651;color:#140d06}
.article-page{color:#f1e7d8}.breadcrumbs{color:#c7b699}.breadcrumbs a,.back-link{color:#e9c46d}.article-main h1{color:#f7ecd9}.article-deck{color:#d3c1a5}.article-meta{color:#b7a68c}.article-main .tag{color:#e7bf69}.article-cover{border:1px solid #513a20}.article-body{color:#e7dac7}.article-body p,.article-body li{color:#e1d4c1}.article-body h2,.article-body h3{color:#f2e0c3}.article-body blockquote{border-left:3px solid #d6ac58;background:#18120c;color:#eddbbd}.article-share{border-color:#493722;color:#d8c5a6}.share-button{border:1px solid #96703a;background:#19120b;color:#f0d17c}.share-button:hover{background:#d4a850;color:#160f07}.article-rail{color:#e5d6c0}.article-rail a{color:#e5c36f}
.dynamic-article-body{color:#e7dac7}.video-preview{border-color:#574225;background:#110d09}.video-post-foot{color:#c0b096;border-color:#493722}.video-post-title{color:#f0e4d1}.video-source-link{color:#f0c96b}.video-placeholder{background:radial-gradient(ellipse at top right,#59401f,#17100a 70%);color:#f2d17b}.video-preview img,.dynamic-cover img{border-color:#594326}
.gallery-lightbox{background:#070605f5}.gallery-lightbox button{background:#2a2117;color:#f1d178;border:1px solid #a27b3b}.gallery-lightbox-caption{color:#f2e5ce}
input,select,textarea{background:#15100b;color:#f3e8d5;border-color:#594427}input::placeholder,textarea::placeholder{color:#9c8a70}input:focus,select:focus,textarea:focus{outline:2px solid #d8b45f;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #f0cf75;outline-offset:3px}::selection{background:#d6ae5b;color:#171007}
/* Trang admin đồng bộ với nhận diện đen-vàng; màu trạng thái vẫn giữ độ phân biệt. */
.admin-topbar{background:linear-gradient(105deg,#090706,#21150b 58%,#0d0907);color:#f5ead8;border-bottom:1px solid #9c7436}.admin-mark{border-color:#d9b361;color:#f0d17b}.admin-brand small{color:#cbb591}.admin-top-actions a,.admin-top-actions button{color:#f2e4cd}.admin-top-actions button{border-color:#9b753d;background:#171109}.admin-shell{color:#f2e7d6}.admin-login-card,.admin-panel{background:#17120d;border-color:#4c3921;box-shadow:0 14px 42px #0007}.admin-login-card h1,.admin-welcome h1,.panel-heading h2{color:#f2e3cb}.admin-login-card>p,.admin-welcome p{color:#c7b69b}.admin-login-card>small{color:#b09e82}.admin-kicker{color:#e0ba66}.admin-tabs{border-color:#584326}.admin-tabs button{color:#c5b394}.admin-tabs button.active{border-color:#dfb95f;color:#f5d780}.admin-welcome>button,.admin-secondary,.table-action{border-color:#80602f;background:#1b140b;color:#ecd49a}.admin-form{border-color:#514027;background:#110d09}.admin-form h3,.admin-form label{color:#e6d5b5}.admin-form input,.admin-form textarea,.admin-form select{border-color:#604928;background:#0d0a08;color:#f2e8da}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:2px solid #d5ad58}.admin-primary{background:linear-gradient(135deg,#e9c66e,#b8873f);color:#191108}.admin-primary:hover{background:#f2d889}.admin-form>small{color:#b7a688}.admin-table-wrap table{color:#ecdfc8}th{border-color:#604827;color:#d7bd84}td{border-color:#352919;color:#e6d9c6}td small{color:#b5a287}.count-pill{background:#2a2114;color:#efd07a}.status-pill{background:#2c2419;color:#e4c776}.status-published,.status-active{background:#243021;color:#c7d69a}.status-draft,.status-archived{background:#302018;color:#e5aa8a}.logo-preview{border-color:#6b522d;background:#100c08;color:#e7cf91}.admin-empty-note{color:#c2b294}.admin-status.error{color:#f0a08d}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.section-kicker,.section-kicker *{color:#e3bb69!important}.section-kicker .muted{color:#b6a78e!important}
.section-heading>a b{background:none!important;color:#edc96e!important}.heading-dot{background:#d5a94f!important}

/* Nâng độ sáng nhẹ để giữ chất poster nhưng chữ và thẻ dễ đọc hơn. */
:root{--ink:#fff9ef;--muted:#e0cfb7;--line:#6a5132;--paper:#211810;--wash:#2a2017;--gold:#f7d681;--feed-bg:#201710;--feed-card:#302419;--feed-text:#fff8ec;color-scheme:dark}
html{background:#201710;scrollbar-color:#b48a46 #2a2017}
body{background:#201710;color:#fff8ec}
.site-header{background:#251b13;border-color:#755835;box-shadow:0 1px 0 #f2cb7140}
.header-top,.main-nav{border-color:#755835}.main-nav{background:#2a2017}
.brand,.brand strong,.search-toggle{color:#fff6e8}.brand small,.header-date,.nav-live{color:#d3c2a8}
.nav-inner .nav-home,.nav-inner>a.active,.nav-inner>a:hover,.header-date span{color:#f2cf78}
.nav-inner>a{color:#eee0ca}
.search-panel{background:#2a2017;color:#fff8ec}.search-panel input{background:#34271a;color:#fff8ec;border-color:#987342}
.page-content,.content-grid,.article-page,.article-rail{color:#fff3e2}
.section-kicker{background:#302419;border-color:#8b6a3b;color:#f7d681}
.section-kicker>span:first-child{color:#f7d681!important}
.section-kicker .kicker-line{background:#a4814a}
.muted,.hero-copy p,.latest-card p,.published-summary,.published-excerpt,.newsletter p,.newsletter small{color:#eadac2}
.hero-main,.hero-side .side-story,.latest-card,.sidebar-block,.create-post,.video-post,.article-feed-card,.text-post,.newsletter{background:#302419;border-color:#795b35;color:#fff8ec}
.hero-copy{background:linear-gradient(125deg,#38291b,#2c2117)}
.hero-copy h1,.side-story h2,.latest-card h3,.section-heading h2,.newsletter h2,.newsletter h3,.newsletter b,.video-post-title,.published-title{color:#fff1d9}
.hero-copy p,.latest-card p,.text-post-content,.published-excerpt,.published-summary{color:#eadac2}
.story-post-head b{color:#fff3dd!important}.story-post-head small{color:#e0ceb3!important}
.section-heading{border-color:#9d7842}.section-heading>a{color:#e3d2b8}.section-heading>a b{background:none!important;color:#f2cf78!important}
.popular-list li,.category-block>a,.video-post-foot,.article-share{border-color:#59442b}
.popular-list li span,.category-block>a span{color:#e4bd68}
.popular-list a,.category-block>a,.topic-strip>a{color:#f1e2ca}
.quote-card{background:radial-gradient(ellipse at top right,#624421,#312113 72%);border-color:#c19952;color:#fff5e2}
.newsletter{background:#302419;border-color:#8b6a3b}.newsletter input{background:#241b13;color:#fff8ec;border-color:#987342}
.topic-strip{background:#2a2017;border-color:#987342;color:#fff1dc}
.site-footer{background:linear-gradient(110deg,#19120d,#3b2918 55%,#211710);border-color:#c79a4c;color:#fff5e2}
.footer-inner p,.footer-brand small,.news-footer-note,.news-contact-details{color:#e0cfb3}
.article-main h1,.article-body h2,.article-body h3{color:#fff2dc}.article-deck,.article-body,.article-body p,.article-body li{color:#eee0ca}
.article-body blockquote{background:#302419;color:#fff0d7}
.admin-topbar{background:linear-gradient(105deg,#19120d,#3b2918 58%,#211710)}
.admin-login-card,.admin-panel{background:#302419;border-color:#795b35}.admin-login-card h1,.admin-welcome h1,.panel-heading h2{color:#fff5e2}
.admin-login-card>p,.admin-welcome p,.admin-empty-note{color:#eadac2}
.admin-form{background:#241b13;border-color:#806039}.admin-form h3,.admin-form label,.admin-table-wrap table,td{color:#fff0d8}
.admin-form input,.admin-form textarea,.admin-form select{background:#201710;color:#fff8ec;border-color:#987342}
.count-pill{background:#503a20;color:#ffe59a}
