html[data-theme]:not([data-theme="2025"]) body {
    background: var(--sa-page-bg) !important;
    color: var(--sa-text);
    font-family: var(--sa-font);
}

html[data-theme]:not([data-theme="2025"]) .header-integrated,
html[data-theme]:not([data-theme="2025"]) .header-background {
    background: var(--sa-header-bg) !important;
    border-color: var(--sa-border) !important;
}

html[data-theme]:not([data-theme="2025"]) .nav-banner-integrated {
    background: var(--sa-page-bg) !important;
    border-color: var(--sa-border) !important;
    box-shadow: none !important;
}

html[data-theme]:not([data-theme="2025"]) #content {
    background: var(--sa-surface) !important;
    color: var(--sa-text);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

html[data-theme]:not([data-theme="2025"]) a:not(.btn):not(.special-btn):not(.site-nav-item):not(.site-nav-dashboard-main):not(.site-nav-logout-pill):not(.nav-link) {
    color: var(--sa-link);
}

html[data-theme]:not([data-theme="2025"]) .landing-hero a,
html[data-theme]:not([data-theme="2025"]) .card-header a,
html[data-theme]:not([data-theme="2025"]) [style*="#1e3a8a 0%, #3b82f6 50%, #1e40af 100%"] a {
    color: #fff !important;
}

html[data-theme]:not([data-theme="2025"]) .site-nav {
    background: var(--sa-nav-shell) !important;
    border-color: var(--sa-border) !important;
}

html[data-theme]:not([data-theme="2025"]) a.site-nav-item,
html[data-theme]:not([data-theme="2025"]) button.site-nav-item,
html[data-theme]:not([data-theme="2025"]) div.site-nav-item {
    background: var(--sa-nav-item-bg) !important;
    border-color: var(--sa-nav-item-border) !important;
    color: var(--sa-nav-item-text) !important;
}

html[data-theme]:not([data-theme="2025"]) .site-nav-dashboard-main {
    color: var(--sa-nav-item-text) !important;
}

html[data-theme]:not([data-theme="2025"]) .site-nav-logout-pill {
    background: #dc2626 !important;
    color: #fff !important;
}

html[data-theme]:not([data-theme="2025"]) .site-nav-submenu {
    background: var(--sa-surface) !important;
    border-color: var(--sa-border) !important;
}

html[data-theme]:not([data-theme="2025"]) .site-nav-submenu a {
    color: var(--sa-text) !important;
}

html[data-theme]:not([data-theme="2025"]) .landing-hero,
html[data-theme]:not([data-theme="2025"]) .back-to-top,
html[data-theme]:not([data-theme="2025"]) [style*="#1e3a8a 0%, #3b82f6 50%, #1e40af 100%"] {
    background: var(--sa-grad) !important;
}

html[data-theme]:not([data-theme="2025"]) .landing-hero,
html[data-theme]:not([data-theme="2025"]) .landing-hero *,
html[data-theme]:not([data-theme="2025"]) .hero-title,
html[data-theme]:not([data-theme="2025"]) .hero-subtitle,
html[data-theme]:not([data-theme="2025"]) .feature-highlight,
html[data-theme]:not([data-theme="2025"]) .card-header,
html[data-theme]:not([data-theme="2025"]) .card-header *,
html[data-theme]:not([data-theme="2025"]) [style*="#1e3a8a 0%, #3b82f6 50%, #1e40af 100%"],
html[data-theme]:not([data-theme="2025"]) [style*="#1e3a8a 0%, #3b82f6 50%, #1e40af 100%"] * {
    color: #fff !important;
}

html[data-theme]:not([data-theme="2025"]) footer[style*="#1e293b"] {
    background: var(--sa-footer) !important;
}

html[data-theme]:not([data-theme="2025"]) .card {
    background: var(--sa-card-bg);
    color: var(--sa-text);
    border-color: var(--sa-border) !important;
}

html[data-theme]:not([data-theme="2025"]) .card-body {
    color: var(--sa-text);
}

html[data-theme]:not([data-theme="2025"]) body .sidebar,
html[data-theme]:not([data-theme="2025"]) .wrapper .sidebar,
html[data-theme]:not([data-theme="2025"]) div .sidebar {
    background: var(--sa-grad) !important;
}

html[data-theme]:not([data-theme="2025"]) .table .nav-link:hover,
html[data-theme]:not([data-theme="2025"]) .nav-banner-integrated .nav-link:hover {
    background: var(--sa-grad) !important;
    color: #fff !important;
}

html[data-theme="midnight"] .text-dark,
html[data-theme="obsidian"] .text-dark,
html[data-theme="midnight"] .text-muted,
html[data-theme="obsidian"] .text-muted {
    color: var(--sa-muted) !important;
}

html[data-theme="midnight"] .bg-white,
html[data-theme="obsidian"] .bg-white,
html[data-theme="midnight"] .bg-light,
html[data-theme="obsidian"] .bg-light {
    background: var(--sa-card-bg) !important;
    color: var(--sa-text) !important;
}