/* Public home only; sections are children of main, not of #sharemax-site. */
html[data-theme="dark"] #sharemax-site[data-page="home"] > .header,
html[data-theme="dark"] #sharemax-site[data-page="home"] > .footer {
  background-color: #18191C !important;
}

html[data-theme="dark"] #sharemax-site[data-page="home"] > main > .portfolio,
html[data-theme="dark"] #sharemax-site[data-page="home"] > main > .services {
  background-color: #14161A !important;
}

html[data-theme="dark"] #sharemax-site[data-page="home"] > main > .about,
html[data-theme="dark"] #sharemax-site[data-page="home"] > main > .principles,
html[data-theme="dark"] #sharemax-site[data-page="home"] > main > .contact {
  background-color: #2B3039 !important;
}

/* Keep service cards part of their section; preserve the existing hover tint. */
html[data-theme="dark"] #sharemax-site[data-page="home"] .services-grid > .service {
  background-color: #14161A !important;
}

html[data-theme="dark"] #sharemax-site[data-page="home"] .services-grid > .service:hover,
html[data-theme="dark"] #sharemax-site[data-page="home"] .services-grid > .service:focus-within {
  background-color: #2C2023 !important;
}