/* Global light/dark surface tokens — aligned with elite_residential_rebuild */

html.dark-mode body {
    background-color: #101010;
    color: #fff;
}

/* Global light mode overrides (residential light-mode.css + layout extensions) */
html.light-mode body {
    background-color: #fff !important;
    color: #000 !important;
}

html.light-mode main {
    background-color: #fff !important;
}

html.light-mode .invert-on-light {
    filter: invert(1);
}

html.light-mode .navbar-icons svg {
    color: #000 !important;
}

html.light-mode .text-white {
    color: #000 !important;
}

html.light-mode .satoshi-light,
html.light-mode .satoshi-regular,
html.light-mode .satoshi-black {
    color: #000 !important;
}

html.light-mode section {
    background-color: #fff !important;
}

/* Tailwind arbitrary backgrounds used on commercial pages */
html.light-mode .bg-\[\#1E1E1E\] {
    --tw-bg-opacity: 1;
    background-color: #fff;
}

html.light-mode .bg-\[\#1A1A1A\] {
    --tw-bg-opacity: 1;
    background-color: #f9f9f9 !important;
}

/* Footer surfaces */
html.light-mode .footer-bg,
html.light-mode .footer-contact,
html.light-mode .footer-contact-left {
    background: #fff !important;
}

html.light-mode .footer-contact-left h2,
html.light-mode .footer-contact-left p,
html.light-mode .footer-contact-form label {
    color: #000 !important;
}

html.light-mode .footer-contact-form input,
html.light-mode .footer-contact-form textarea,
html.light-mode .country-select {
    background: #f5f5f5 !important;
    border-color: #ccc !important;
    color: #222 !important;
}

html.light-mode .footer-content,
html.light-mode .footer-content::before {
    background: #f5f5f5 !important;
}

html.light-mode .footer-content-mission-vision h5,
html.light-mode .footer-content-mission-vision p,
html.light-mode .footer-content-menu-container a,
html.light-mode .footer-content-bottom-container span,
html.light-mode .footer-link span {
    color: #000 !important;
}

html.light-mode .footer-content-bottom {
    background: #fff !important;
}

html.light-mode .footer-contact2-left-background,
html.light-mode .footer-content-jivocachat {
    background: #f0f0f0 !important;
}