/* Semantic dark colors override the light palette and per-component light fallbacks. */
:root[data-theme="dark"] {
    color-scheme: dark;
    background: #111815;
    --page-bg: #111815;
    --surface: #1a231e;
    --soft: #202d25;
    --ink: #e6eee9;
    --navy: #edf4ef;
    --muted: #b0c1b6;
    --text-secondary: #c8d6cd;
    --line: #3c4d42;
    --subtle-line: #34493c;
    --control-border: #81988b;
    --accent: #79dbad;
    --accent-hover: #9eebca;
    --button-bg: #1c7956;
    --button-hover: #226347;
    --on-action: #fff;
    --tinted-bg: #18281f;
    --hover-bg: #26382d;
    --success-bg: #1b3526;
    --success-text: #abe6c0;
    --success-border: #4c8260;
    --warning-bg: #3b2e1d;
    --warning-text: #f6d4a1;
    --warning-border: #bd9055;
    --info-bg: #233444;
    --info-text: #b4d3ec;
    --disabled-bg: #25302a;
    --disabled-text: #94a59b;
    --error-bg: #3a2027;
    --error-border: #9e616d;
    --danger: #ffa8b0;
    --shadow: #00000040;
}
.header-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; flex-shrink: 0; }
.header-actions .account-nav { margin-left: 0; }
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 10px; border: 1px solid var(--control-border, #7b8e82); border-radius: 6px; color: var(--ink); background: var(--surface); font: inherit; cursor: pointer; }
.theme-toggle:hover { background: var(--soft); }
.theme-toggle[hidden] { display: none; }
.theme-toggle svg { width: 20px; height: 20px; flex-shrink: 0; }
.theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon-sun { display: block; }
:root[data-theme="dark"] .theme-icon-moon { display: none; }
@media (max-width: 760px) {
    .header-actions { gap: 4px; }
    .header-actions .member-name { max-width: 12vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 400px) {
    .header-inner { column-gap: 8px; }
    .brand-description { display: none; }
    .header-actions .member-name { display: none; }
}