:root[data-theme="polar-night"] {
    --bg: #2E3440;
    --card: #3B4252;
    --hover: #434C5E;
    --primary: #5E81AC;
    --primary-hover: #81A1C1;
    --primary-text: #ECEFF4;
    --text: #ECEFF4;
    --text-secondary: #D8DEE9;
    --text-muted: #7B88A1;
    --success: #A3BE8C;
    --error: #BF616A;
    --warning: #EBCB8B;
    --border: rgba(216, 222, 233, .12);
    --overlay-bg: #232831;
}

[data-theme="polar-night"] .setting-warning {
    background: rgba(235, 203, 139, .12);
}

[data-theme="polar-night"] .approve-banner {
    background: rgba(163, 190, 140, .12);
}

[data-theme="polar-night"] .approve-banner.approve-banner-stale {
    background: rgba(235, 203, 139, .12);
}

[data-theme="polar-night"] .loading-overlay {
    background: rgba(35, 40, 49, .6);
}

[data-theme="polar-night"] .spinner {
    border-color: rgba(216, 222, 233, .2);
    border-top-color: var(--primary);
}

[data-theme="polar-night"] .modal-overlay {
    background: rgba(35, 40, 49, .75);
}

[data-theme="polar-night"] .thumb {
    background: #262B35;
    border-color: rgba(216, 222, 233, .28);
}

[data-theme="polar-night"] .thumb-remove {
    background: rgba(46, 52, 64, .65);
}

[data-theme="polar-night"] .btn-fs,
[data-theme="polar-night"] .fs-top-right,
[data-theme="polar-night"] .fs-bottom-left,
[data-theme="polar-night"] .fs-bottom-right {
    background: rgba(59, 66, 82, .85);
    border-color: rgba(216, 222, 233, .18);
}

[data-theme="polar-night"] .btn-fs:hover {
    background: rgba(76, 86, 106, .95);
}

[data-theme="polar-night"] .fs-attention-pulse {
    box-shadow: inset 0 0 60px rgba(94, 129, 172, .5);
}