/* Scroll-triggered section background color
   — body is the single source of truth for background colour. */
body {
	background-color: var(--section-bg, #499749) !important;
	transition: background-color 0.6s ease;
}

/* Any section participating in the scroll-bg system must be transparent
   so the body's colour is what's actually visible. */
[data-bg-color] {
	background-color: transparent !important;
}

/* Optional: if any inner wrappers inside the sections also have their own
   background, kill those too. Add selectors here as needed. */
[data-bg-color] > .notes-hero__inner,
[data-bg-color] > .notes-float-cards__inner,
[data-bg-color] > .notes-marquee__inner {
	background-color: transparent !important;
}