/* ── Light Theme ──────────────────────────────────────────────────────────── */
.theme-light {
    --md3-background: #F5F5F5;
    --md3-surface:    #FFFFFF;
    --md3-accent:     #1976D2;
    --ct-input-bg:    #FAFAFA;
    --ct-border:      #E0E0E0;
    --ct-text:        #212121;
    --ct-subtext:     #616161;
    --ct-header-bg:   #FFFFFF;
    --ct-btn-primary: #1976D2;
    --scrollbar-thumb: #BDBDBD;
    --scrollbar-track: #F5F5F5;
    --mud-palette-text-primary:      #212121;
    --mud-palette-text-secondary:    #616161;
    --mud-palette-background:        #F5F5F5;
    --mud-palette-surface:           #FFFFFF;
    --mud-palette-appbar-background: #FFFFFF;
    --mud-palette-drawer-background: #FFFFFF;
}

/* Base */
.theme-light .page,
.theme-light body,
.theme-light html {
    background-color: #F5F5F5 !important;
    color: #212121 !important;
}

/* Header / nav */
.theme-light .top-row {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #E0E0E0 !important;
}
.theme-light .top-row *,
.theme-light .brand-section *,
.theme-light .header-content * {
    color: #212121 !important;
}
.theme-light a, .theme-light .nav-link, .theme-light .nav-link span {
    color: #424242 !important;
}
.theme-light .nav-link:hover, .theme-light .nav-link.active {
    color: #1976D2 !important;
    background-color: rgba(25, 118, 210, 0.08) !important;
}

/* Mode/tab bar */
.theme-light .mode-bar,
.theme-light .mud-tabs-toolbar,
.theme-light .mud-tab {
    background: #FFFFFF !important;
    color: #424242 !important;
    border-bottom: 1px solid #E0E0E0 !important;
}
.theme-light .mud-tab.mud-tab-active {
    color: #1976D2 !important;
}

/* Content */
.theme-light .content-wrapper,
.theme-light .content,
.theme-light article {
    background: #F5F5F5 !important;
    color: #212121 !important;
}

/* Editor */
.theme-light .editor-container { background: #F5F5F5 !important; }
.theme-light .editor-pane {
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0 !important;
}
.theme-light .pane-header {
    background: #F5F5F5 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    color: #424242 !important;
}
.theme-light .pane-header * { color: #424242 !important; }
.theme-light .editor-textarea,
.theme-light textarea {
    background: #FAFAFA !important;
    color: #212121 !important;
    border: 1px solid #E0E0E0 !important;
}

/* Ad banner */
.theme-light .ad-banner {
    background: linear-gradient(135deg, #EEEEEE 0%, #F5F5F5 100%) !important;
    border-left: 1px solid #E0E0E0 !important;
    box-shadow: none !important;
}

/* Footer */
.theme-light .footer-bar { background: #FFFFFF !important; border-top: 1px solid #E0E0E0 !important; }
.theme-light .footer-link, .theme-light .footer-bar * { color: #616161 !important; }

/* MudBlazor text */
.theme-light .mud-typography,
.theme-light .mud-input-label,
.theme-light .mud-input-slot,
.theme-light .mud-list-item-text,
.theme-light .mud-menu-item .mud-list-item-text,
.theme-light p, .theme-light span, .theme-light label,
.theme-light h1, .theme-light h2, .theme-light h3,
.theme-light h4, .theme-light h5, .theme-light h6 {
    color: #212121 !important;
}
.theme-light .mud-paper {
    background-color: #FFFFFF !important;
    color: #212121 !important;
}

/* Mesh override for light */
.theme-light.mesh-bg,
.theme-light .mesh-bg {
    --mesh-dot-color:  rgba(0, 0, 0, 0.05);
    --mesh-glow-color: rgba(25, 118, 210, 0.06);
}

/* Scrollbars */
.theme-light * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.theme-light *::-webkit-scrollbar { width: 6px; height: 6px; }
.theme-light *::-webkit-scrollbar-track { background: var(--scrollbar-track); }
.theme-light *::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }