/* Phase 9.7.2 — Symbiont Theme Guard
   This file loads last and neutralizes legacy home-hub dark background rules.
   Only html[data-theme="light"] and html[data-theme="dark"] should control page colors. */

:root,
html[data-theme="light"]{
    --sym-site-bg:#eef4fb;
    --sym-site-surface:#ffffff;
    --sym-site-text:#0b1015;
}

html[data-theme="dark"]{
    --sym-site-bg:#05060a;
    --sym-site-surface:#111820;
    --sym-site-text:#f3f7ff;
}

/* Global background source of truth */
html,
body{
    background:var(--sym-site-bg)!important;
    background-color:var(--sym-site-bg)!important;
    color:var(--sym-site-text);
}

/* Kill legacy black background from older home hub classes. */
html.sym-page-home-hub,
body.sym-page-home-hub,
.sym-page-home-hub,
.sym-page-home-hub body,
html.sym-page-home-mainpage,
body.sym-page-home-mainpage,
.sym-page-home-mainpage,
.sym-page-home-mainpage body,
html.sym-page-home-super-hub,
body.sym-page-home-super-hub,
.sym-page-home-super-hub,
.sym-page-home-super-hub body{
    background:var(--sym-site-bg)!important;
    background-color:var(--sym-site-bg)!important;
}

/* Elementor Canvas / Full Width must not inherit old dark hub canvas. */
body.page-template-elementor_canvas,
body.elementor-template-canvas,
body.elementor-page,
.elementor,
.elementor-section,
.elementor-widget-wrap,
.elementor-element{
    background-color:transparent;
}

/* Main white site shell in light theme */
html[data-theme="light"] body,
html[data-theme="light"] .site,
html[data-theme="light"] #page,
html[data-theme="light"] .elementor-location-single,
html[data-theme="light"] .elementor-location-archive{
    background:var(--sym-site-bg)!important;
    background-color:var(--sym-site-bg)!important;
}

/* Dark theme remains intentionally dark, but only through data-theme="dark". */
html[data-theme="dark"] body,
html[data-theme="dark"] .site,
html[data-theme="dark"] #page{
    background:var(--sym-site-bg)!important;
    background-color:var(--sym-site-bg)!important;
}