/*
 * Visual bridge for More Than Human Scrollytelling. The plugin owns geometry,
 * pinning and motion; this file only maps its component tokens to the theme.
 */
body.mth-theme .mth-scrollytelling {
	--mth-color-primary: #e9f8f3;
	--mth-color-secondary: #087a67;
	--mth-color-accent: #e9f8f3;
	--mth-color-signal: #087a67;
	--mth-color-dark: #0d1511;
	--mth-color-dark-soft: #17231d;
	--mth-color-light: #e9f8f3;
	--mth-color-muted: #aec3b8;
	--mth-gradient-main: linear-gradient(105deg, #e9f8f3 0%, #087a67 100%);
	--mth-content-width: 1440px;
	font-family: inherit;
	background: var(--mth-dark);
}

body.mth-theme .mth-scrollytelling :where(.mth-animal-card, .mth-perspective-card, .mth-story-scene__inner) {
	border-color: rgba(233, 248, 243, 0.2);
}

body.mth-theme .mth-scrollytelling :where(.mth-eyebrow, .mth-scene-number, .mth-perspective-card__type) {
	color: #e9f8f3;
}

body.mth-theme .mth-scrollytelling .mth-cta {
	border-color: #e9f8f3;
	color: var(--mth-ink);
	background: #e9f8f3;
}

body.mth-theme .mth-scrollytelling :where(.mth-chapter-nav__link, .mth-autoplay-control):focus-visible {
	outline-color: #e9f8f3;
}

body.mth-theme .mth-literature {
	color: #e9f8f3;
	background: var(--mth-dark-panel);
}

/* The plugin uses full viewport breakout; avoid inherited content padding. */
body.mth-theme .wp-block-post-content > .mth-scrollytelling {
	max-width: none;
}

@media (prefers-reduced-motion: reduce) {
	body.mth-theme .mth-scrollytelling {
		overflow-x: hidden;
	}
}