:root {
    --dark-toggle-size: 34px;
}
#dark-mode-toggle {
    width: var(--dark-toggle-size);
    height: var(--dark-toggle-size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--base-glass-bg-color);
    border: 1px solid var(--base-glass-border-color);
    backdrop-filter: blur(var(--base-glass-blur));
    box-shadow: var(--base-shadow);
    transition: background 0.3s ease;
    font-size: 16px;
}
#dark-mode-toggle:hover {
    background: var(--base-glass-border-color);
}
:root.ow_dark #dark-mode-toggle {
    background: var(--base-bg-color-dark);
    color: var(--popple-text);
}
#dark-mode-toggle::before {
    content: "\1F319"; /* crescent moon */
}