html[data-theme="dark"] .home-site-header {
    --ink: #c2d0ec;
    --muted: #a3abbc;
    --line: #343f51;
    color: #c2d0ec;
}

html[data-theme="dark"] .home-site-header a {
    color: inherit;
}

html[data-theme="dark"] .home-site-header.home-site-header :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid rgba(56, 189, 248, .72);
    outline-offset: 2px;
}

html[data-theme="dark"] .home-site-header .sr-only {
    border: 0 !important;
}

html[data-theme="dark"] .home-site-header {
    background: rgba(10, 32, 56, 0.78);
    border-bottom: 1px solid rgba(116, 231, 255, 0.24);
    box-shadow: 0 10px 30px rgba(6, 20, 39, 0);
}

html[data-theme="dark"] .home-site-header.is-scrolled {
    background: rgba(10, 32, 56, 0.82);
    border-bottom-color: rgba(99, 230, 255, 0.28);
    box-shadow: 0 14px 42px rgba(6, 20, 39, 0.18);
}

html[data-theme="dark"] .home-site-header .brand {
    color: #9dc1f9;
}

html[data-theme="dark"] .home-site-header .brand,
html[data-theme="dark"] .home-site-header .brand:visited {
    color: #dbeafe;
}

html[data-theme="dark"] .home-site-header .brand:hover,
html[data-theme="dark"] .home-site-header .brand:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(18, 60, 124, 0.08), 0 0 24px rgba(99, 230, 255, 0.14);
}

html[data-theme="dark"] .home-site-header .menu-toggle {
    background: rgba(23, 33, 47, 0.86);
    color: #9dc1f9;
    box-shadow: 0 8px 20px rgba(22, 32, 54, 0.08);
}

html[data-theme="dark"] .home-site-header .menu-toggle span {
    background: currentColor;
}

html[data-theme="dark"] .home-site-header .nav a,
html[data-theme="dark"] .home-site-header .nav button {
    color: #dbeafe;
    background: transparent;
    border: 0;
}

html[data-theme="dark"] .home-site-header .nav a::after,
html[data-theme="dark"] .home-site-header .nav button::before {
    background: linear-gradient(90deg, rgba(99, 230, 255, 0), rgba(99, 230, 255, 0.95), rgba(249, 115, 22, 0.55));
}

html[data-theme="dark"] .home-site-header .nav a:hover,
html[data-theme="dark"] .home-site-header .nav a:focus-visible,
html[data-theme="dark"] .home-site-header .nav a.active,
html[data-theme="dark"] .home-site-header .nav button:hover,
html[data-theme="dark"] .home-site-header .nav button:focus-visible {
    color: #fff;
}

html[data-theme="dark"] .home-site-header .nav-drop-menu {
    border: 1px solid rgba(116, 231, 255, 0.24);
    background: linear-gradient(180deg, rgba(6, 20, 39, 0.96), rgba(6, 20, 39, 0.9));
}

html[data-theme="dark"] .home-site-header .nav-drop-menu a {
    color: #dbeafe;
}

html[data-theme="dark"] .home-site-header .nav-drop-menu a:hover,
html[data-theme="dark"] .home-site-header .nav-drop-menu a:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .home-site-header .account-trigger {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    box-shadow: 0 8px 20px rgba(22, 32, 54, 0.08);
}

html[data-theme="dark"] .home-site-header .password-warning-icon {
    border: 2px solid #2d394a;
    background: #f59e0b;
    color: #fff;
}

html[data-theme="dark"] .home-site-header .account-dropdown {
    background: #17212f;
}

html[data-theme="dark"] .home-site-header .account-dropdown strong {
    color: #c2d0ec;
}

html[data-theme="dark"] .home-site-header .account-dropdown a {
    color: #a3abbc;
}

html[data-theme="dark"] .home-site-header .account-dropdown button {
    border: 0;
    background: transparent;
    color: #a3abbc;
}

html[data-theme="dark"] .home-site-header .account-dropdown .password-warning-link {
    color: #dc8f66;
    background: #2c2301;
}

html[data-theme="dark"] .home-site-header .account-dropdown a:hover,
html[data-theme="dark"] .home-site-header .account-dropdown button:hover {
    color: #9dc1f9;
    background: #1d2736;
}

@media (max-width: 430px) {
    html[data-theme="dark"] .home-site-header .nav {
        background: #17212f;
    }

    html[data-theme="dark"] .home-site-header .nav > a,
    html[data-theme="dark"] .home-site-header .nav-dropdown > button {
        color: #9dc1f9;
    }

    html[data-theme="dark"] .home-site-header .nav > a:hover,
    html[data-theme="dark"] .home-site-header .nav > a:focus-visible,
    html[data-theme="dark"] .home-site-header .nav-dropdown > button:hover,
    html[data-theme="dark"] .home-site-header .nav-dropdown > button:focus-visible {
        color: #a6c8fc;
        background: #122942;
    }

    html[data-theme="dark"] .home-site-header .nav-drop-menu {
        box-shadow: none;
    }
}
