/* Shared public and account theme toggle. System preference is the default. */
.theme-toggle-button {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--radius-control);
    background: transparent;
    color: var(--color-muted);
    cursor: pointer;
    box-shadow: none;
}
.theme-toggle-button:hover {
    background: var(--color-surface-soft);
    color: var(--color-text);
    box-shadow: none;
    transform: none;
}
.theme-toggle-button svg { width: 18px; height: 18px; }
.theme-toggle-button [data-theme-icon] { display: none; }
:root:not([data-theme="dark"]) .theme-toggle-button [data-theme-icon="light"],
:root[data-theme="dark"] .theme-toggle-button [data-theme-icon="dark"] { display: block; }