/* Light keeps each existing component color; dark overrides semantic tokens. */
:root {
  --munia-control-bg: #fff;
  --munia-control-text: #202724;
  --munia-control-border: #d8dfdc;
  --munia-control-hover: #edf1ef;
  --munia-control-active: #161c19;
  --munia-control-active-text: #fff;
  --munia-control-active-hover: #2c3530;
}
html[data-theme="dark"] {
  --munia-surface: #000;
  --munia-surface-soft: #16181c;
  --munia-surface-mint: #081f17;
  --munia-surface-mint-alt: #0c291e;
  --munia-surface-warning: #2b2111;
  --munia-surface-danger: #261719;
  --munia-surface-info: #111b27;
  --munia-text: #e7e9ea;
  --munia-muted: #8b939b;
  --munia-line: #2f3336;
  --munia-line-strong: #53606b;
  --munia-positive-text: #1fe3b0;
  --munia-positive-line: #008d67;
  --munia-danger-text: #ff9b9b;
  --munia-warning-text: #f7cf83;
  --munia-link-text: #a7c9fa;
  --munia-control-bg: #16181c;
  --munia-control-text: #e7e9ea;
  --munia-control-border: #3e4144;
  --munia-control-hover: #24272b;
  --munia-control-active: #000;
  --munia-control-active-hover: #181818;
  color-scheme: dark;
  background: #000;
}
html[data-theme="dark"] body:not(.ww-cosmos-body) { background: #000 !important; color: var(--munia-text); }
html[data-theme="dark"] .home-sidebar { background: #000; }
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select { color-scheme: dark; }
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: #91a69c; opacity: 1; }
html[data-theme="dark"] dialog { background: var(--munia-surface); color: var(--munia-text); }
/* Wallet surfaces keep their green identity without dominating dark pages. */
html[data-theme="dark"] body #walletContainer,
html[data-theme="dark"] body #homeWalletSlot #walletContainer {
  background:#0c211a !important; border-color:#285244 !important; color:#e7f4ee !important;
  transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
html[data-theme="dark"] body #walletContainer:hover,
html[data-theme="dark"] body #walletContainer:focus-visible,
html[data-theme="dark"] body #homeWalletSlot #walletContainer:hover,
html[data-theme="dark"] body #homeWalletSlot #walletContainer:focus-visible {
  background:#142f25 !important; border-color:#3f7862 !important; box-shadow:0 3px 12px #0003 !important;
}
html[data-theme="dark"] body #walletContainer:focus-visible { outline:2px solid #0ac18e; outline-offset:3px; }
html[data-theme="dark"] body #walletContainer > div:first-child,
html[data-theme="dark"] body #walletContainer #walletFiat { color:#a4c1b2 !important; }
html[data-theme="dark"] body #walletContainer #walletStatus { color:#e7f4ee !important; }
html[data-theme="dark"] body #walletContainer #walletBalanceToggle { color:#b8d8c8 !important; }
html[data-theme="dark"] body #walletContainer #walletBalanceToggle:hover { color:#fff !important; }
@media (prefers-reduced-motion:reduce) {
  html[data-theme="dark"] body #walletContainer,
  html[data-theme="dark"] body #homeWalletSlot #walletContainer { transition:none; }
}
/* QR modules and quiet zones retain their original black/white contrast. */
#walletQrContainer,
#profileDonateQr,
[id^="inv-qr-"] { background: #fff !important; color-scheme: light; }

.munia-language-selector { margin-top: 6px; }
.munia-preference-label { margin-bottom: 7px; color: var(--munia-muted, #89958f); font: 11px/1.4 Arial,sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.munia-language-selector form { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; }
.munia-language-selector button {
  min-height: 34px; padding: 5px 11px; border: 1px solid var(--munia-control-border);
  border-radius: 7px; background: var(--munia-control-bg); color: var(--munia-control-text);
  font: 13px/1.4 Arial,sans-serif; font-weight: 500; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.munia-language-selector button[aria-current="true"] {
  background: var(--munia-control-active); border-color: var(--munia-control-active); color: var(--munia-control-active-text); font-weight: 600;
}
html[data-theme="dark"] .munia-language-selector button[aria-current="true"] { border-color: #71767b; }
.munia-language-selector button:hover { background: var(--munia-control-hover) !important; border-color: var(--munia-control-text); }
.munia-language-selector button[aria-current="true"]:hover { background: var(--munia-control-active-hover) !important; border-color: var(--munia-control-active-hover); }
.munia-language-selector--navbar { margin: 0; }
.munia-language-selector--navbar form { gap: 3px; }
.munia-language-selector--navbar button { min-height: 30px; padding: 3px 8px; font-size: 12px; }
.munia-theme-selector { margin-top: 15px; }
.munia-theme-options { display: flex; gap: 8px; }
.munia-theme-button {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 38px;
  width: 38px; height: 38px; padding: 0; border: 1px solid var(--munia-control-border);
  border-radius: 50%; background: var(--munia-control-bg); color: var(--munia-control-text); cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.munia-theme-button:hover { background: var(--munia-control-hover) !important; border-color: var(--munia-control-text); }
.munia-theme-button[aria-pressed="true"] { background: var(--munia-control-active); color: #fff; border-color: var(--munia-control-active); box-shadow: 0 0 0 2px var(--munia-control-bg), 0 0 0 3px var(--munia-control-border); }
.munia-theme-button[aria-pressed="true"]:hover { background: var(--munia-control-active-hover) !important; }
.munia-theme-button:focus-visible,
.munia-language-selector button:focus-visible { outline: 2px solid #0ac18e; outline-offset: 3px; }
@media (pointer: coarse) { .munia-theme-button { width: 42px; height: 42px; flex-basis: 42px; } .munia-language-selector button { min-height: 40px; } }
@media (prefers-reduced-motion: reduce) { .munia-theme-button, .munia-language-selector button { transition: none; } }