@media (prefers-color-scheme: dark) {
    .dlg-logout-container {
        --dlg-background: rgba(23, 23, 23, 0.98);
        --dlg-text-primary: #e0e0e0;
        --dlg-text-secondary: #a0a0a0;
        --dlg-content-bg: #2d2d2d;
        --dlg-button-bg: #4CAF50;
        --dlg-button-hover: #45a049;
        --dlg-checkmark: #4CAF50;
    }
}

.dlg-logout-container.dark-mode {
    --dlg-background: rgba(23, 23, 23, 0.98);
    --dlg-text-primary: #e0e0e0;
    --dlg-text-secondary: #a0a0a0;
    --dlg-content-bg: #2d2d2d;
    --dlg-button-bg: #1a1a1a;
    --dlg-button-hover: #45a049;
    --dlg-checkmark: #4CAF50;
}

.dlg-logout-container.dark-mode {
    --dlg-checkmark-stroke: #4CAF50;
    --dlg-checkmark: rgba(76, 175, 80, 0.2);
}

@media (prefers-color-scheme: dark) {
    .dlg-logout-container {
        --dlg-checkmark-stroke: #4CAF50;
        --dlg-checkmark: rgba(76, 175, 80, 0.2);
    }
}