html[data-theme="nocturne"] {
    --navy: #e8efe9;
    --navy-dark: #070b09;
    --navy-soft: #1a2420;
    --green: #3dd68c;
    --green-dark: #22b36e;
    --green-soft: rgba(61, 214, 140, 0.14);
    --text: #e8efe9;
    --muted: #9bb0a4;
    --line: #24332c;
    --bg: #0e1412;
    --bg-muted: #131b18;
    --white: #16201c;
    --shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
    --radius: 8px;
    --font-sans: "DM Sans", "Segoe UI", sans-serif;
    --font-display: Syne, "Segoe UI", sans-serif;
}

html[data-theme="nocturne"] body {
    font-family: var(--font-sans);
    background: var(--bg);
    color: var(--text);
}

html[data-theme="nocturne"] h1,
html[data-theme="nocturne"] h2,
html[data-theme="nocturne"] .brand__text strong,
html[data-theme="nocturne"] .section-header h2,
html[data-theme="nocturne"] .page-hero h1,
html[data-theme="nocturne"] .hero h1 {
    font-family: var(--font-display);
    letter-spacing: -0.04em;
}

html[data-theme="nocturne"] a:hover {
    color: #e4c27a;
}

html[data-theme="nocturne"] .topbar {
    background: #070b09;
    color: #9bb0a4;
}

html[data-theme="nocturne"] .navbar {
    background: rgba(14, 20, 18, 0.92);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(16px);
}

html[data-theme="nocturne"] .nav__link {
    color: #d7e6dc;
}

html[data-theme="nocturne"] .hero__overlay {
    background: linear-gradient(90deg, rgba(8, 12, 10, 0.92) 0%, rgba(8, 12, 10, 0.72) 42%, rgba(8, 12, 10, 0.2) 100%);
}

html[data-theme="nocturne"] .hero h1,
html[data-theme="nocturne"] .page-hero h1,
html[data-theme="nocturne"] .page-hero p {
    color: #ffffff;
}

html[data-theme="nocturne"] .hero__lead {
    color: #c5d6cc;
}

html[data-theme="nocturne"] .btn--primary {
    background: #3dd68c;
    color: #072014;
}

html[data-theme="nocturne"] .btn--primary:hover {
    background: #e4c27a;
    color: #072014;
}

html[data-theme="nocturne"] .btn--outline {
    border-color: #3dd68c;
    color: #3dd68c;
}

html[data-theme="nocturne"] .service-card,
html[data-theme="nocturne"] .plain-card,
html[data-theme="nocturne"] .form-card,
html[data-theme="nocturne"] .cta-banner,
html[data-theme="nocturne"] .result-row {
    background: rgba(22, 32, 28, 0.92);
    border: 1px solid #2a3b34;
    box-shadow: var(--shadow);
}

html[data-theme="nocturne"] .form-card input,
html[data-theme="nocturne"] .form-card select,
html[data-theme="nocturne"] .form-card textarea {
    background: #0e1412;
    color: var(--text);
    border-color: #2a3b34;
}

html[data-theme="nocturne"] .page-hero,
html[data-theme="nocturne"] .accred-bar,
html[data-theme="nocturne"] .site-footer {
    background: #070b09;
}

html[data-theme="nocturne"] .badge-logo {
    background: #16201c;
    color: #e8efe9;
}

html[data-theme="nocturne"] .dropdown {
    background: #16201c;
    border: 1px solid #2a3b34;
}

html[data-theme="nocturne"] .dropdown a {
    color: #e8efe9;
}