/* Override existing palette tokens without changing the layout. */
html[data-theme='light'] {
    color-scheme: light;
    --color-bg: #fff0e3;
    --color-surface: #fff8f1;
    --color-surface-2: #f5e2d3;
    --color-line: #d9bfae;
    --color-text: #342a26;
    --color-muted: #705e54;
    --color-accent: #a92f60;
    --color-accent-strong: #96264f;
    --color-danger: #b42332;
}
html[data-theme='light'] body[data-audience='gay'] {
    --color-accent: #936600;
    --color-accent-strong: #765200;
}
[data-theme-toggle] {
    min-height: 36px;
    padding: 4px 8px;
    border: 1px solid var(--color-line);
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--color-text);
    background: var(--color-surface);
}
.admin-notice {
    margin: 12px 16px;
    padding: 12px;
    border: 1px solid var(--color-line);
    border-radius: 8px;
    background: var(--color-surface);
    font-size: 14px;
}
.admin-notice h2 { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.admin-notice time { color: var(--color-muted); font-size: 12px; }
.admin-notice p { margin-top: 4px; overflow-wrap: anywhere; }

.theme-brand { display: inline-flex; align-items: center; gap: 8px; }
.theme-header { min-height: 48px; height: auto; flex-wrap: wrap; gap: 4px; }