/* Midnight theme: richer blues with stronger contrast and depth */
body[data-section-theme="midnight"] {
    --color-brand-50: #eceff8;
    --color-brand-100: #d2d8ef;
    --color-brand-200: #aab8e1;
    --color-brand-400: #5f7bc8;
    --color-brand-500: #425fab;
    --color-brand-600: #374f90;
    --color-brand-700: #2d4176;
    --color-brand-800: #24335d;

    --color-fg-on-brand: #eef3ff;
    --section-nav-bg: #f5f7fd;
    --section-nav-border: #cfd7ee;
    --section-nav-bar-shadow: 0 6px 18px rgba(26, 38, 72, 0.18);
    --section-nav-link: #1f2c4f;
    --section-nav-link-hover-bg: #e7ecfa;
    --section-nav-link-hover: #2d4176;
    --section-nav-active-bg: #d2d8ef;
    --section-nav-active-text: #24335d;
    --section-submenu-bg: #f7f9fe;
    --section-submenu-link: #2a3b68;
    --section-submenu-hover-bg: #e9eefb;
    --section-submenu-hover-text: #2d4176;
    --section-submenu-active-bg: #dbe3f6;
    --section-submenu-active-text: #24335d;
    --section-page-bg: #d8dce7;
    --section-page-canvas: #f4f7fd;
    --section-surface-card-bg: #fbfcff;
    --section-surface-card-border: #d2d8ef;
    --section-text-muted: #3b4b73;
    --section-masthead-title: #eef3ff;
    --section-masthead-bg-image: linear-gradient(rgba(7, 16, 37, 0.58), rgba(7, 16, 37, 0.58)),
        linear-gradient(120deg, #31467f 0%, #24355f 58%, #1a2847 100%);
    --section-banner-overlay-bg: rgba(36, 51, 93, 0.9);
    --section-banner-overlay-text: #eef3ff;
}