:root,
html.light-theme {
    --enco-primary: #2B59A2;
    --enco-primary-dark: #1b4d89;
    --enco-navy: #0B2D48;
    --enco-sidebar: #0B2D48;
    --enco-sidebar-hover: rgba(43, 89, 162, 0.45);
    --enco-sidebar-active: #2B59A2;
    --enco-topbar: #FFFFFF;
    --enco-topbar-border: #E0E4E8;
    --enco-surface: #FFFFFF;
    --enco-page-bg: #F4F6F8;
    --enco-text: #1A1A1A;
    --enco-text-muted: #5A6570;
    --enco-nav-text: #D7E0EA;
    --enco-nav-text-active: #FFFFFF;
    --enco-login-bg: #1b4d89;
    --enco-input-border: #B0B8C0;
    --enco-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

html.dark-theme {
    --enco-primary: #4A7BC4;
    --enco-primary-dark: #2B59A2;
    --enco-navy: #0A1F33;
    --enco-sidebar: #0A1F33;
    --enco-sidebar-hover: rgba(74, 123, 196, 0.35);
    --enco-sidebar-active: #2B59A2;
    --enco-topbar: #192127;
    --enco-topbar-border: #2A3540;
    --enco-surface: #192127;
    --enco-page-bg: #121212;
    --enco-text: #E8EEF4;
    --enco-text-muted: #B6C0C8;
    --enco-nav-text: #C5D0DA;
    --enco-nav-text-active: #FFFFFF;
    --enco-login-bg: #192127;
    --enco-input-border: #7A8A96;
    --enco-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
}

html, body {
    background-color: var(--enco-page-bg);
    color: var(--enco-text);
}

.pageTitle {
    color: var(--enco-text);
}

/* Settings drawers (Ingest Output, Sidecar) use page surface — not the navy left nav. */
.mud-drawer.settings-drawer {
    --mud-palette-background: var(--enco-surface);
    --mud-palette-surface: var(--enco-surface);
    --mud-palette-drawer-background: var(--enco-surface);
    --mud-palette-drawer-text: var(--enco-text);
    --mud-palette-text-primary: var(--enco-text);
    --mud-palette-text-secondary: var(--enco-text-muted);
    --mud-palette-lines-inputs: var(--enco-input-border);
    background-color: var(--enco-surface) !important;
    color: var(--enco-text) !important;
}

.mud-drawer.settings-drawer .mud-drawer-header,
.mud-drawer.settings-drawer .mud-typography,
.mud-drawer.settings-drawer .mud-input-slot,
.mud-drawer.settings-drawer .mud-input input,
.mud-drawer.settings-drawer .mud-select .mud-select-input {
    color: var(--enco-text);
}

.mud-drawer.settings-drawer .mud-input-label,
.mud-drawer.settings-drawer .mud-input-label-outlined,
.mud-drawer.settings-drawer .mud-input-outlined-label,
.mud-drawer.settings-drawer legend {
    background-color: var(--enco-surface) !important;
    color: var(--enco-text-muted) !important;
}

.mud-drawer.settings-drawer .mud-input-helper-text,
.mud-drawer.settings-drawer .mud-typography-caption {
    color: var(--enco-text-muted) !important;
}

/* Unchecked switch track is ~30% white and disappears on dark surfaces. */
html.dark-theme .mud-switch-span:not(.mud-checked) .mud-switch-track,
html.dark-theme .mud-switch:not(:has(.mud-checked)) .mud-switch-track {
    background-color: #8A96A0 !important;
    opacity: 1 !important;
}

html.dark-theme .mud-switch-span:not(.mud-checked) .mud-switch-thumb,
html.dark-theme .mud-switch:not(:has(.mud-checked)) .mud-switch-thumb {
    background-color: #E8EEF4 !important;
}