/* Shared neutral surfaces. Category colour is used for restrained edge details. */
main[data-palette],main[data-palette].service-theme{
 --category-accent:#a0d66b;
 --card-bg:#282828;--panel:#282828;--text:#fff;--muted:#e1e1e1;--muted-2:#c8c8c8;
 --accent:#a0d66b;--accent-bright:#a0d66b;--line:#494949;--line-soft:rgba(255,255,255,.12);
 --service-panel:#282828;--service-panel-hover:#303030;--service-ink:#17210f;
 --service-accent:#a0d66b;--service-border:#494949;
}
main[data-palette="av"],main[data-palette="networking"]{--category-accent:#c5a2ed}
main[data-palette="smart"]{--category-accent:#83bfb4}
main[data-palette="security"]{--category-accent:#8ab8e5}
main[data-palette="lighting"]{--category-accent:#e6bd89}
main[data-palette="products"]{--category-accent:#dac9a8}
main[data-palette="all-services"]{--category-accent:#ce8991}
main[data-palette="aftercare"]{--category-accent:#e6c9d5}
main[data-palette] :is(.page-hero>.container,.service-brief,.service-options-head,.service-option,.service-hub-head,.service-hub-card,.brand-note,.service-subsection-head,.aftercare-approach-item,.founder-copy,.founder-purpose,.two-column>div,.closing>.container,.contact-layout>.contact-details,.contact-layout>.form,.contact-layout>.contact-review,.brand-tile,.chapter-card,.home-review-card,.home-trustpilot-head,.manufacturer-photo-credit){
 background:#282828;color:#fff;border-color:#494949;
 --text:#fff;--muted:#e1e1e1;--muted-2:#c8c8c8;
}
main[data-palette] :is(.page-hero>.container,.service-brief,.service-options-head,.service-hub-head,.brand-note,.service-subsection-head,.closing>.container){
 border-top:1px solid color-mix(in srgb,var(--category-accent) 65%,#494949);
}
main[data-palette] :is(.service-hub-card,.brand-tile,.service-option):hover{
 background:#303030;border-color:var(--category-accent);box-shadow:0 12px 30px #0003;
}
main[data-palette] :is(.eyebrow,.hub-card-link,.subpage-back-link){color:#ededed;text-shadow:none}
main[data-palette] :is(.service-option,.service-hub-card,.brand-note,.service-brief-copy,.manufacturer-photo-credit) p{color:#e1e1e1;text-shadow:none}
main[data-palette] .service-option::before{background:var(--category-accent);width:24px;opacity:.65}
main[data-palette] .button.primary{background:#282828;border:1px solid var(--category-accent);color:#fff;text-shadow:none}
main[data-palette] .button.primary:hover{background:#353535;border-color:var(--category-accent);color:#fff}
main[data-palette] a:focus-visible,main[data-palette] button:focus-visible{outline:2px solid var(--category-accent);outline-offset:4px}
main[data-palette] .brand-filter-btn{background:#282828;color:#eee;border-color:#494949}
main[data-palette] .brand-filter-btn.is-active{background:#343434;color:#fff;border-color:var(--category-accent)}
main[data-palette] .scene-keypad-plate{background:#282828;border-color:#494949}
/* Original three scene response colours remain in styles.css. */
main[data-palette] .form :is(input,select,textarea){color:#fff;border-color:#777}
main[data-palette] .form :is(input,textarea)::placeholder{color:#c8c8c8;opacity:1}
main[data-palette] .form option{color:#fff;background:#282828}
main[data-palette] .form :is(input,select,textarea):focus-visible{outline:2px solid var(--category-accent);outline-offset:4px}
/* Preserve the green house illustration as requested. */
main[data-palette] .house-stage{--accent:#86c92a;--accent-bright:#a0e53b;--text:#f5f3ee;--muted:#a7aba9}

/* Override the older hero layout's stronger category selectors. */
main[data-palette].service-theme .themed-service-hero .service-brief{background:#282828;border:1px solid #494949;border-top:1px solid color-mix(in srgb,var(--category-accent) 65%,#494949);box-shadow:0 18px 45px #0003}
main[data-palette].service-theme .service-option:hover,main[data-palette].service-theme .service-hub-card:hover{background:#303030;border-color:var(--category-accent)}

/* Restore the Products brand tiles only; the introduction stays charcoal. */
main[data-palette="products"].theme-products .brand-tile{background:#29251f;border-color:#aa9676;--text:#f4e8d2;color:#f4e8d2}
main[data-palette="products"].theme-products .brand-tile:hover{background:#3d3427;border-color:#f0dfbc}