/* Neutral surfaces follow the reference palette. Brand campaigns and product
   images keep their original colors in both themes. */
:root[data-theme="dark"]{
 --ui-ink:#f4f4f4;--ui-muted:#b7c7d9;--ui-link:#8abef7;
 --ui-surface:#0e243e;--ui-soft:#18324e;--ui-border:#344961;
 --ui-error:#ffa1a1;--ui-error-soft:#42252f;
 --ui-success:#79d6a6;--ui-success-soft:#193c35;
 --ui-warning:#f9cd74;--ui-warning-soft:#403522;
 --border:#344961;color-scheme:dark;
}
[data-theme="dark"] body{background:#011327;color:var(--ui-ink)}
[data-theme="dark"] .header,[data-theme="dark"] .footer{background:#011327}
[data-theme="dark"] .search{background:#fff;color:#637085}
[data-theme="dark"] .search input{color:#132b4c}
[data-theme="dark"] .search kbd{color:#637085;background:#f5f6f8;border-color:#dce4ef}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#aebed0;opacity:1}
[data-theme="dark"] .search input::placeholder{color:#637085}
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{color:var(--ui-ink)}
[data-theme="dark"] .search input{color:#132b4c}
[data-theme="dark"] .offer-image,[data-theme="dark"] .detail-image,
[data-theme="dark"] .offer-product-image,[data-theme="dark"] .product-gallery__main,
[data-theme="dark"] .product-gallery__thumb,[data-theme="dark"] .product-gallery-stage,
[data-theme="dark"] .product-gallery-thumbs a,[data-theme="dark"] .product-photo-item img,[data-theme="dark"] .photo-preview,
[data-theme="dark"] .coupon-store-logo,
[data-theme="dark"] .nav-store-logo,[data-theme="dark"] .offer-store img,
[data-theme="dark"] .personal-guide-logo,[data-theme="dark"] .footer-qr{background:#fff;color:#132b4c}
[data-theme="dark"] dialog::backdrop{background:rgba(0,8,18,.72)}
[data-theme="dark"] dialog{background:var(--ui-surface);color:var(--ui-ink)}
[data-theme="dark"] #nav-overlay{background:rgba(0,8,18,.62)}
[data-theme="dark"] .primary,[data-theme="dark"] .footer-join,
[data-theme="dark"] .offer-buy,[data-theme="dark"] .feed-update-popup button{color:#fff}
[data-theme="dark"] .about-hero,[data-theme="dark"] .commercial-hero,
[data-theme="dark"] .seasonal-guide{--ui-ink:#fff;--ui-muted:#d8e7fb;--ui-link:#b6d8ff}
.theme-toggle{display:flex;width:100%;justify-content:space-between;gap:14px;align-items:center;font:inherit;font-size:14px;line-height:1.5;padding:14px 0;border:0;border-top:1px solid var(--ui-border,#e2e7ec);background:transparent;color:inherit;cursor:pointer}
.theme-toggle-label{display:flex;align-items:center;gap:10px}.theme-toggle svg{width:18px;height:18px;flex:none}
.theme-switch-track{display:block;position:relative;width:42px;height:24px;flex:none;border-radius:20px;background:#8693a4;transition:background .2s}
.theme-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.theme-toggle[aria-checked=true] .theme-switch-track{background:var(--brand)}
.theme-toggle[aria-checked=true] .theme-switch-thumb{transform:translateX(18px)}
.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:3px}
.menu-theme{margin-top:12px}.header-actions .desktop-menu{display:grid;place-items:center;padding:0;width:32px;min-width:32px;align-self:center}
.account-quick-actions .secondary{width:100%;justify-content:flex-start}
.desktop-menu>.icon{width:22px;height:22px}
.publication-tabs{display:flex;width:100%;gap:0;border-bottom:1px solid var(--ui-border,#e2e7ec);margin:0 0 20px}
.publication-tabs button{flex:1;min-width:0;border:0;border-bottom:3px solid transparent;padding:13px 8px;background:transparent;color:var(--ui-muted,#687588);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.publication-tabs button[aria-selected=true]{border-bottom-color:var(--brand);color:var(--brand);font-weight:500}
.publication-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
.indication-start-actions .text-button{font-size:13px}
:root[data-theme=dark] .publication-tabs button[aria-selected=true]{color:var(--ui-link)}
@media(max-width:1023px){.header-actions .desktop-menu{display:none}}
@media(prefers-reduced-motion:reduce){.theme-switch-track,.theme-switch-thumb{transition:none}}
.indication-start-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.indication-start-actions button{min-height:44px}
.indication-back{margin:4px 0 16px;min-height:44px}
@media(max-width:700px){.indication-start-actions{flex-direction:column}.indication-start-actions button{width:100%}.publication-tabs button{font-size:13px;padding:12px 4px}}
