/* Approved layered Light palette. Keep compatibility surfaces inside application
   content; navigation branding, semantic states and document pixels keep theirs. */
html:not([data-theme="dark"]) {
    --app-text: var(--color-text);
    --app-text-muted: var(--color-text-muted);
    --text-primary: var(--color-text);
    --text-muted: var(--color-text-muted);
    --app-surface: var(--color-surface);
    --app-surface-subtle: var(--color-surface-muted);
    --app-border-color: var(--color-border);
    --surface-card: var(--color-surface);
    --border-subtle: var(--color-border);
    --bs-body-bg: var(--color-bg);
    --bs-body-color: var(--color-text);
    --bs-secondary-color: var(--color-text-muted);
    --bs-border-color: var(--color-border);
    --bs-tertiary-bg: var(--color-surface-muted);
    --bs-secondary-bg: var(--color-surface-raised);
    --bs-heading-color: var(--color-text);
    --bs-primary: var(--color-primary);
    --bs-primary-rgb: var(--color-focus-rgb);
    --bs-link-color: var(--color-primary);
    --bs-link-hover-color: var(--color-primary-hover);
    --bs-emphasis-color: var(--color-text);
    --bs-light-rgb: 253, 254, 254;
}

html:not([data-theme="dark"]) :is(.page:has(> .main-content), .sole-overview, .page-content-placeholder) {
    background: var(--color-bg) !important;
}

html:not([data-theme="dark"]) :is(.main-content, .workspace-admin-shell-main, .platform-shell-main)
    :is(.top-row, .overview-card, .overview-detail, .dashboard-chart, .calculation-summary,
        .panel, .metric-card, .app-panel, .app-card, .journey-card, .card,
        .simple-metrics article, .journey-metrics article, .app-page-header,
        .account-panel, .account-tool-card, .account-status-card, .account-summary-strip article) {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
}

html:not([data-theme="dark"]) :is(.main-content, .workspace-admin-shell-main, .platform-shell-main) :is(.header-icon-button, .account-menu-toggle) {
    background: var(--color-surface);
    border-color: var(--color-border);
}

html:not([data-theme="dark"]) .theme-logo--dark { display:none; }