/* Theme overrides */
html[data-theme="light"] body:not(.login-page):not(.activation-page) {
    background: var(--bg-tertiary);
}

html[data-theme="light"] body:not(.login-page):not(.activation-page) {
    --bg-body: #FFFFFF;
    --bg-tertiary: #FFFFFF;
    --bg-primary: #FFFFFF;
    --bg-secondary: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-card-secondary: #FFFFFF;
}
html[data-theme="light"] body:not(.login-page):not(.activation-page) #app {
    background: var(--bg-primary);
}
html[data-theme="light"] body:not(.login-page):not(.activation-page) .main-container-fullwidth,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .content-fullwidth,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .main-content,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .content-section,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .content-section.active,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .page-content,
html[data-theme="light"] body:not(.login-page):not(.activation-page) .container {
    background: var(--bg-primary);
}

/* 危险确认弹窗的“继续”按钮使用红底白字（不影响普通 danger 按钮） */
.enhanced-confirm-modal--danger .enhanced-confirm__btn.confirm-btn,
.enhanced-confirm-modal--danger .confirm-btn.btn-danger {
    background: var(--color-danger, #ef4444);
    color: #ffffff;
    border-color: var(--color-danger, #ef4444);
}

.enhanced-confirm-modal--danger .enhanced-confirm__btn.confirm-btn:hover,
.enhanced-confirm-modal--danger .confirm-btn.btn-danger:hover {
    background: var(--color-danger-hover, #dc2626);
    color: #ffffff;
    border-color: var(--color-danger-hover, #dc2626);
    opacity: 1;
}