html[data-theme="dark"] {
    --client-bg: #000;
    --client-surface: #0b0b0b;
    --bg: #000;
    --bg-muted: #080808;
    --surface: #0b0b0b;
    --surface-soft: #121212;
}

html[data-theme="dark"] body,
html[data-theme="dark"] main,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-footer { background: #000; }
html[data-theme="dark"] .site-header { border-color: #242424; }
html[data-theme="dark"] .site-header .jtf-theme-toggle,
html[data-theme="dark"] .site-header .nav-menu { background: #000; }
html[data-theme="dark"] .site-header .jtf-theme-toggle { background: #111; }

html[data-theme="dark"] body.route-home .jtf-orbit-hero,
html[data-theme="dark"] body.route-home .jtf-featured,
html[data-theme="dark"] body.route-home .jtf-available { background: #000; }
html[data-theme="dark"] body.route-home .jtf-journey { background-color: #000; }
html[data-theme="dark"] body.route-home .jtf-story { background: #101010; }

html[data-theme="dark"] body.route-vehicles,
html[data-theme="dark"] body.route-vehicle_show {
    --inv-bg: #000;
    --inv-surface: #101010;
    --inv-line: #303030;
}
html[data-theme="dark"] body.route-vehicles .urban-inventory-hero { background: #000; }
html[data-theme="dark"] body.route-vehicles .urban-inventory-hero::after {
    background: linear-gradient(90deg, #000 0%, #000 42%, #000e 52%, #0000 76%);
}

html[data-theme="dark"] body.route-about .jtf-about-hero,
html[data-theme="dark"] body.route-about .jtf-about-services,
html[data-theme="dark"] body.route-about .jtf-about-faq,
html[data-theme="dark"] body.route-about .jtf-about-end,
html[data-theme="dark"] body.route-contact .jtf-contact-main,
html[data-theme="dark"] body.route-contact .jtf-contact-map-section { background: #000; }
html[data-theme="dark"] body.route-about .jtf-about-conversation,
html[data-theme="dark"] body.route-about .jtf-about-visit,
html[data-theme="dark"] body.route-contact .jtf-contact-intro { background: #101010; }
html[data-theme="dark"] body.route-contact .jtf-contact-map .map-placeholder { background: #101010; }

/* Shared footer: it follows the selected site theme on every route. */
html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer .footer-bottom {
    background: #fff;
    color: #192026;
}

html[data-theme="light"] .site-footer,
html[data-theme="light"] .site-footer .footer-bottom {
    border-top-color: #dce2e5;
}

html[data-theme="light"] .site-footer .footer-bottom__inner,
html[data-theme="light"] .site-footer .footer-bottom__link,
html[data-theme="light"] .site-footer .footer-bottom__button {
    color: #192026;
}

html[data-theme="light"] .site-footer .footer-bottom__link:hover,
html[data-theme="light"] .site-footer .footer-bottom__button:hover {
    color: #bd2026;
}

html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .site-footer .footer-bottom {
    background: #000;
    color: #fff;
}

html[data-theme="dark"] .site-footer .footer-bottom__inner,
html[data-theme="dark"] .site-footer .footer-bottom__link,
html[data-theme="dark"] .site-footer .footer-bottom__button {
    color: #fff;
}

html[data-theme="dark"] .site-footer .footer-bottom__link:hover,
html[data-theme="dark"] .site-footer .footer-bottom__button:hover {
    color: #ef3440;
}

.site-footer .footer-hours__line,
.site-footer .footer-hours__line:first-child {
    font-weight: 400;
}