body[data-ni-skin="northstar"] {
    --bg-deep: #05080d;
    --bg-card: rgba(13, 21, 30, 0.92);
    --bg-code: #080e15;
    --text-primary: #f2f6f7;
    --text-secondary: #aeb8c2;
    --text-muted: #758593;
    --aurora-green: #35d0a2;
    --aurora-teal: #4fb7c5;
    --aurora-purple: #c89b5a;
    --border-subtle: rgba(174, 184, 194, 0.16);
    --border-stronger: rgba(217, 232, 239, 0.26);
    background-color: var(--bg-deep);
    background-image: url("/images/hero-bg.jpg");
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: soft-light;
}

body[data-ni-skin="northstar"] .doc-nav,
body[data-ni-skin="northstar"] .endpoint-bar,
body[data-ni-skin="northstar"] .card,
body[data-ni-skin="northstar"] .harness-card {
    background-color: rgba(5, 8, 13, 0.94);
    border-color: var(--border-subtle);
    backdrop-filter: blur(16px) saturate(120%);
}

body[data-ni-skin="northstar"] .container {
    position: relative;
}

body[data-ni-skin="northstar"] .page-title,
body[data-ni-skin="northstar"] .section-title,
body[data-ni-skin="northstar"] .doc-body h1,
body[data-ni-skin="northstar"] .doc-body h2,
body[data-ni-skin="northstar"] .doc-body h3,
body[data-ni-skin="northstar"] .doc-body h4 {
    letter-spacing: 0;
}

body[data-ni-skin="northstar"] .endpoint-bar code,
body[data-ni-skin="northstar"] .doc-body a,
body[data-ni-skin="northstar"] .back-link:hover,
body[data-ni-skin="northstar"] .doc-home:hover {
    color: #76d7e3;
}

body[data-ni-skin="northstar"] .endpoint-bar code {
    background-color: rgba(79, 183, 197, 0.12);
    border-color: rgba(79, 183, 197, 0.34);
}

body[data-ni-skin="northstar"] .doc-body pre,
body[data-ni-skin="northstar"] .harness-pre {
    border-left: 3px solid var(--aurora-teal);
}

@media (max-width: 700px) {
    body[data-ni-skin="northstar"] {
        background-attachment: scroll;
    }
}