/* Trang phụ của khách (/gui-anh, /a/<album>, album khóa) mặc áo giao diện đang dùng — R1-THEMES-07.
   Nạp sau app.css + wedding.css + wedding-themes.css (+ pro/<khóa>.css nếu là giao diện VIP): CHỈ đọc biến của giao diện
   (--page --ink --muted --accent --soft --paper --line --f-head --f-body --f-ui), không chép bố cục trang cưới. */
html[data-theme] body.pub {
  --bg: var(--page); --serif: var(--f-head); --sans: var(--f-body);
  background: var(--page); color: var(--ink); font-family: var(--f-body);
}
html[data-theme] body.pub a:not(.btn) { color: var(--ink); text-decoration-color: var(--accent); }
html[data-theme] body.pub a:not(.btn):hover { color: var(--accent); }
html[data-theme] .pub-nav { background: color-mix(in srgb, var(--page) 90%, transparent); border-bottom-color: var(--line); }
html[data-theme] .pub-brand { font-family: var(--f-head); color: var(--ink); }
html[data-theme] .pub-nav nav a { font-family: var(--f-ui); color: var(--ink); }
html[data-theme] .pub-nav nav a:hover { color: var(--accent); }
html[data-theme] body.pub .pub-admin { color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--accent); }
html[data-theme] body.pub .page-title { font-family: var(--f-head); color: var(--ink); text-wrap: balance; }
html[data-theme] body.pub .muted, html[data-theme] body.pub small, html[data-theme] .pub-foot { color: var(--muted); }
html[data-theme] .pub-foot { font-family: var(--f-head); }
html[data-theme] body.pub .btn { font-family: var(--f-ui); }
html[data-theme] body.pub .btn-accent { background: var(--accent); color: #fff; }
html[data-theme] body.pub .btn-ghost { background: var(--paper); border-color: var(--line); color: var(--ink); }
html[data-theme] body.pub .btn-ghost:hover { border-color: var(--accent); }
html[data-theme] body.pub :is(input, textarea, select) { background: var(--paper); color: var(--ink); border-color: var(--line); }
html[data-theme] body.pub ::placeholder { color: var(--muted); opacity: .8; }
html[data-theme] body.pub .drop { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); color: var(--ink); }
html[data-theme] body.pub .drop-big, html[data-theme] body.pub .lock-icon { color: var(--accent-2, var(--accent)); }
html[data-theme] body.pub :is(.g-item, .up-thumb, .up-bar) { background: var(--soft); }
html[data-theme] body.pub .up-item { background: var(--paper); border-color: var(--line); }
/* Giao diện tối: thông báo nền --ink (sáng) chữ trắng sẽ không đọc được -> nền màu nhấn (AA với chữ trắng). */
html[data-theme] body.pub .flash:not(.flash-error) { background: var(--accent); color: #fff; }