/* Shared colors only: no widths, grid, spacing or font choices are changed.
   Legacy --gold/--jade/--seal/--text-dim stay intact because badges use them.
   The original appearance remains available with ?bang-mau=goc. */
html[data-palette]{
  --ui-bg:#f0f2f5; --ui-surface:#ffffff; --ui-soft:#e7f0ff;
  --ui-ink:#243b53; --ui-text:#303846; --ui-muted:#606b7b;
  --ui-line:#d6e1ef; --ui-accent:#1877f2; --ui-hover:#1664cf;
  --ui-on-accent:#ffffff; --ui-shadow:0 2px 7px rgba(36,55,78,.09);
}
html[data-palette="thanh-ngoc"]{
  --ui-bg:#eaf0ed; --ui-surface:#fcfdfb; --ui-soft:#dfeae4;
  --ui-ink:#293e37; --ui-text:#354c42; --ui-muted:#586d61;
  --ui-line:#cbdad1; --ui-accent:#3e695c; --ui-hover:#2c5145;
  --ui-shadow:0 3px 12px rgba(29,60,44,.045);
}
html[data-palette="giay-nga"]{
  --ui-bg:#f2eee7; --ui-surface:#fffdf8; --ui-soft:#ebe3d7;
  --ui-ink:#453c31; --ui-text:#51483c; --ui-muted:#756756;
  --ui-line:#ddd3c4; --ui-accent:#755a3c; --ui-hover:#59432c;
  --ui-shadow:0 3px 12px rgba(74,55,29,.045);
}
html[data-palette][data-theme="dark"]{
  --ui-bg:#151e25; --ui-surface:#1d2a34; --ui-soft:#263742;
  --ui-ink:#e3ebf0; --ui-text:#d3dfe6; --ui-muted:#a9bac6;
  --ui-line:#3a4d5b; --ui-accent:#aacbdd; --ui-hover:#c2dce9;
  --ui-on-accent:#172c39; --ui-shadow:none;
}
html[data-palette="thanh-ngoc"][data-theme="dark"]{
  --ui-bg:#17231f; --ui-surface:#20312a; --ui-soft:#2a3f34;
  --ui-ink:#e4eee7; --ui-text:#d4e1d8; --ui-muted:#a7beb0;
  --ui-line:#3c5547; --ui-accent:#aed2bf; --ui-hover:#c9e4d5; --ui-on-accent:#20382c;
}
html[data-palette="giay-nga"][data-theme="dark"]{
  --ui-bg:#25211c; --ui-surface:#302a23; --ui-soft:#3e352b;
  --ui-ink:#f0e9dd; --ui-text:#e3d9ca; --ui-muted:#c2b29d;
  --ui-line:#574a3b; --ui-accent:#d9bd92; --ui-hover:#edd4b0; --ui-on-accent:#392b1c;
}
/* Common shell: header, navigation and search. */
html[data-palette] body{background-color:var(--ui-bg);color:var(--ui-text)}
html[data-palette] body:not(.has-bg){background-image:none}
html[data-palette] header,html[data-palette] .mobile-menu{background:var(--ui-bg);border-color:var(--ui-line)}
html[data-palette] .crumb-bar{background:var(--ui-soft);border-color:var(--ui-line)}
html[data-palette] .breadcrumb a{color:var(--ui-accent)}
html[data-palette] .breadcrumb a:hover{color:var(--ui-hover)}
html[data-palette] .breadcrumb .current,html[data-palette] .hd-patch,html[data-palette] .hd-fb:not(:hover){color:var(--ui-muted)}
html[data-palette] :is(.side-left,.side-right,.content-main){border-color:var(--ui-line)}
html[data-palette] :is(.menu-heading,.side-title,.menu-label,.region-toggle-label){color:var(--ui-muted)}
html[data-palette] :is(.menu-heading,.side-title)::after{background:var(--ui-line)}
html[data-palette] .side-left :is(.menu-list a,.region-toggle,.region-submenu a){color:var(--ui-muted)}
html[data-palette] .side-left :is(.menu-list a,.region-toggle):is(.active,:hover){background:var(--ui-soft);color:var(--ui-ink)}
html[data-palette] .side-left :is(.active,:hover)>.menu-label,
html[data-palette] .side-left :is(.active,:hover)>.region-toggle-label{color:var(--ui-ink)}
html[data-palette] :is(.header-search,.lt-search label){background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-muted);box-shadow:none}
html[data-palette] .lt-page .lt-search input,
html[data-palette] .header-search input{color:var(--ui-text)}
html[data-palette] :is(.header-search input,.lt-search input)::placeholder{color:var(--ui-muted)}
html[data-palette] .lt-search label:focus-within,
html[data-palette] .header-search:focus-within{background:var(--ui-surface);border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 12%,transparent)}
html[data-palette] .search-results{background:var(--ui-surface);border-color:var(--ui-line)}
html[data-palette] .search-item{border-color:var(--ui-line)}
html[data-palette] .search-item:hover{background:var(--ui-soft)}
html[data-palette] .site-footer{color:var(--ui-muted);border-color:var(--ui-line)}
/* Home uses exactly the same palette as the reading page. */
html[data-palette] .lt-page{--lt-ink:var(--ui-ink);--lt-muted:var(--ui-muted);--lt-paper:var(--ui-bg);--lt-panel:var(--ui-surface);--lt-line:var(--ui-line)}
html[data-palette] .lt-panel{box-shadow:var(--ui-shadow)}
html[data-palette] .lt-hero:after{background:linear-gradient(0deg,var(--ui-bg),color-mix(in srgb,var(--ui-bg) 65%,transparent) 35%,transparent)}
html[data-palette] .lt-discord{background:var(--ui-soft)}
html[data-palette] .lt-row h3 a:hover,html[data-palette] .lt-directory a:hover{color:var(--ui-accent)}
html[data-palette] :is(.lt-arrow,.lt-heading h2:before){color:var(--ui-accent)}
html[data-palette] .lt-dots button:before{background:var(--ui-line)}
html[data-palette] .lt-dots button[aria-pressed="true"]:before{background:var(--ui-accent)}
html[data-palette] .lt-page .lt-pagination [aria-current="page"]{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
html[data-palette] .lt-page :is(a,button):focus-visible{outline-color:var(--ui-accent)}
html[data-palette] .lt-footer{background:none}
html[data-palette] .lt-footer>div{background:linear-gradient(transparent,var(--ui-bg));color:var(--ui-muted)}
/* Buttons share one accent. Their existing dimensions and corner shapes remain. */
html[data-palette] .lt-cta,
html[data-palette] .discord-card-btn,
html[data-palette] .btn-donate-mini{background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:none;color:var(--ui-on-accent)!important}
html[data-palette] :is(.lt-cta,.discord-card-btn,.btn-donate-mini):hover{background:var(--ui-hover);filter:none}
/* Article surfaces retain two separate square-cornered blocks and CMS body background. */
html[data-palette] .post-paper.hai-khoi>.dau-bai,
html[data-palette] .post-paper.hai-khoi>.than-bai{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
html[data-palette] .post-paper.hai-khoi>.than-bai{background:var(--than-bai-nen,var(--ui-surface))}
/* Article titles retain the category color supplied by the CMS. */
html[data-palette] .post-paper .article-body,
html[data-palette] .post-paper .article-body :is(p,li){color:var(--ui-text)}
html[data-palette] .post-paper .article-body :is(h2,h3){color:var(--ui-ink)}
html[data-palette] .post-paper .article-meta{color:var(--ui-muted)}
html[data-palette] .author-btn{color:var(--ui-accent)}
html[data-palette] .feat-card{border-color:var(--ui-line)}
html[data-palette] :is(.discord-card,.donate-mini){background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-ink);box-shadow:var(--ui-shadow)}
html[data-palette] :is(.discord-card-text,.donate-mini p){color:var(--ui-muted)}
html[data-palette] .donate-icon-badge{background:var(--ui-soft);color:var(--ui-accent)}
html[data-palette] .post-paper .ask-discord{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-muted)}
html[data-palette] .ask-discord-channel{color:var(--ui-accent)}
html[data-palette] .ask-discord:hover{border-color:var(--ui-accent);background:var(--ui-soft)}