/* abcm palette × AUTOOL Brand Home 0.8.6 — two dark section colours (dark mode) and shared product plates.
 * Before: #000 sections, #141518 ink bands, #141414 cards, #111 / #1D1E22 / #0B0B0C placeholders.
 * After: --abcm-d1 (main) / --abcm-d2 (alternate, cards, placeholders). Photo shades and glass are overlays
 * and stay. Light mode: compat/home.css (dark → L1, ink → L2). */
html[data-abcm="dark"] .abh-t-dark { --bg: var(--abcm-d1); --card: var(--abcm-d2); }
html[data-abcm="dark"] .abh-t-ink { --bg: var(--abcm-d2); --card: var(--abcm-d1); }
/* Grounds under photos (seen while an image loads or around letterboxing): dark islands in both modes. */
html .abh :is(.abh-hero, .abh-panel) { background-color: var(--abcm-d1); }
html .abh :is(.abh-cards--image .abh-card, .abh-yt, .abh-vid__thumb, .abh-support__media, .abh-st__media:not(.abh-fit-contain)) { background-color: var(--abcm-d2); }
html .abh .abh-stories--launch.abh-stories--posts .abh-st.is-feature .abh-st__media:not(.abh-fit-contain) { background-color: var(--abcm-d2); }
/* Photo lead story (non-posts layout) keeps a dark ground; the lead article in the posts layout has none. */
html[data-abcm="dark"] .abh-stories--launch:not(.abh-stories--posts) .abh-st.is-feature .abh-st__card { background-color: var(--abcm-d2); }
html[data-abcm] .abh-stories--launch.abh-stories--posts .abh-st.is-feature .abh-st__card { background: transparent; }
@media (hover: hover) {
	html[data-abcm="dark"] .abh-st__card:hover { background-color: var(--abcm-d2); }
}
/* "After-sales team" contact block: its own section's colour, so it never merges with the next band
 * (Join us is ink = alternate). Light: compat/home.css. */
html[data-abcm="dark"] .abh-support--rows .abh-support__desk { background-color: var(--bg); }