: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-input-border: #6B7680;
    --enco-input-bg: #FFFFFF;
    --enco-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
    --enco-warn: #8a4b08;
    --enco-mountain-opacity: 0.22;
    --enco-login-bg: #1b4d89;
    --enco-seen-fresh-bg: #e8f5e9;
    --enco-seen-fresh-border: #81c784;
    --enco-seen-fresh-text: #1b5e20;
    --enco-seen-stale-bg: #fff8e1;
    --enco-seen-stale-border: #ffcc02;
    --enco-seen-stale-text: #8a6d00;
    --enco-seen-old-bg: #ffebee;
    --enco-seen-old-border: #e57373;
    --enco-seen-old-text: #b71c1c;
    color-scheme: light;
}

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-input-border: #8A96A0;
    --enco-input-bg: #0E141A;
    --enco-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
    --enco-warn: #e0b36a;
    --enco-mountain-opacity: 0.28;
    --enco-login-bg: #192127;
    --enco-seen-fresh-bg: #1b3d24;
    --enco-seen-fresh-border: #66bb6a;
    --enco-seen-fresh-text: #c8e6c9;
    --enco-seen-stale-bg: #3d3208;
    --enco-seen-stale-border: #ffd54f;
    --enco-seen-stale-text: #ffe082;
    --enco-seen-old-bg: #4a1c1c;
    --enco-seen-old-border: #ef9a9a;
    --enco-seen-old-text: #ffcdd2;
    color-scheme: dark;
}

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