/**
 * Lumo — subtle full-page ambient textures (light/dark WebP).
 * Body classes from inc/page-backgrounds.php; assets from scripts/generate-ambient-webp.py.
 */

body.leafs-body.leafs-page-ambient {
	--leafs-ambient-img: none;

	background-color: var(--leafs-bg);
	background-image:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--leafs-bg) 74%, transparent) 0%,
			color-mix(in srgb, var(--leafs-bg) 91%, transparent) 52%,
			color-mix(in srgb, var(--leafs-bg) 97%, transparent) 100%
		),
		var(--leafs-ambient-img);
	background-repeat: no-repeat, no-repeat;
	background-size: cover, cover;
	background-position: center top, center top;
	background-attachment: fixed, fixed;
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient {
	background-image:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--leafs-bg) 70%, transparent) 0%,
			color-mix(in srgb, var(--leafs-bg) 87%, transparent) 52%,
			color-mix(in srgb, var(--leafs-bg) 94%, transparent) 100%
		),
		var(--leafs-ambient-img);
}

@media (prefers-reduced-motion: reduce), (max-width: 782px) {
	body.leafs-body.leafs-page-ambient {
		background-attachment: scroll, scroll;
	}
}

/* --- Image pairs (light default on body; dark when html[data-leafs-theme="dark"]) --- */

body.leafs-body.leafs-page-ambient--home {
	--leafs-ambient-img: url("../images/ambient/ambient-home-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--home {
	--leafs-ambient-img: url("../images/ambient/ambient-home-dark.webp");
}

body.leafs-body.leafs-page-ambient--blog {
	--leafs-ambient-img: url("../images/ambient/ambient-reading-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--blog {
	--leafs-ambient-img: url("../images/ambient/ambient-reading-dark.webp");
}

body.leafs-body.leafs-page-ambient--daily-share {
	--leafs-ambient-img: url("../images/ambient/ambient-daily-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--daily-share {
	--leafs-ambient-img: url("../images/ambient/ambient-daily-dark.webp");
}

body.leafs-body.leafs-page-ambient--tools-nav {
	--leafs-ambient-img: url("../images/ambient/ambient-nav-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--tools-nav {
	--leafs-ambient-img: url("../images/ambient/ambient-nav-dark.webp");
}

body.leafs-body.leafs-page-ambient--contact {
	--leafs-ambient-img: url("../images/ambient/ambient-contact-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--contact {
	--leafs-ambient-img: url("../images/ambient/ambient-contact-dark.webp");
}

body.leafs-body.leafs-page-ambient--user-center {
	--leafs-ambient-img: url("../images/ambient/ambient-uc-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--user-center {
	--leafs-ambient-img: url("../images/ambient/ambient-uc-dark.webp");
}

body.leafs-body.leafs-page-ambient--submit {
	--leafs-ambient-img: url("../images/ambient/ambient-submit-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--submit {
	--leafs-ambient-img: url("../images/ambient/ambient-submit-dark.webp");
}

body.leafs-body.leafs-page-ambient--news24 {
	--leafs-ambient-img: url("../images/ambient/ambient-news24-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--news24 {
	--leafs-ambient-img: url("../images/ambient/ambient-news24-dark.webp");
}

body.leafs-body.leafs-page-ambient--top-tools {
	--leafs-ambient-img: url("../images/ambient/ambient-toptools-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--top-tools {
	--leafs-ambient-img: url("../images/ambient/ambient-toptools-dark.webp");
}

body.leafs-body.leafs-page-ambient--tags-index {
	--leafs-ambient-img: url("../images/ambient/ambient-search-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--tags-index {
	--leafs-ambient-img: url("../images/ambient/ambient-search-dark.webp");
}

body.leafs-body.leafs-page-ambient--tool-categories {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--tool-categories {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-dark.webp");
}

body.leafs-body.leafs-page-ambient--leafs-auth {
	--leafs-ambient-img: url("../images/ambient/ambient-auth-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--leafs-auth {
	--leafs-ambient-img: url("../images/ambient/ambient-auth-dark.webp");
}

body.leafs-body.leafs-page-ambient--search {
	--leafs-ambient-img: url("../images/ambient/ambient-search-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--search {
	--leafs-ambient-img: url("../images/ambient/ambient-search-dark.webp");
}

body.leafs-body.leafs-page-ambient--error-404 {
	--leafs-ambient-img: url("../images/ambient/ambient-search-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--error-404 {
	--leafs-ambient-img: url("../images/ambient/ambient-search-dark.webp");
}

body.leafs-body.leafs-page-ambient--tool-single {
	--leafs-ambient-img: url("../images/ambient/ambient-tool-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--tool-single {
	--leafs-ambient-img: url("../images/ambient/ambient-tool-dark.webp");
}

body.leafs-body.leafs-page-ambient--reading {
	--leafs-ambient-img: url("../images/ambient/ambient-reading-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--reading {
	--leafs-ambient-img: url("../images/ambient/ambient-reading-dark.webp");
}

body.leafs-body.leafs-page-ambient--tools-archive {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--tools-archive {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-dark.webp");
}

body.leafs-body.leafs-page-ambient--page {
	--leafs-ambient-img: url("../images/ambient/ambient-page-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--page {
	--leafs-ambient-img: url("../images/ambient/ambient-page-dark.webp");
}

body.leafs-body.leafs-page-ambient--archive-fallback {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-light.webp");
}

html[data-leafs-theme="dark"] body.leafs-body.leafs-page-ambient--archive-fallback {
	--leafs-ambient-img: url("../images/ambient/ambient-archive-dark.webp");
}