/**
 * MH Theme section variant foundation.
 *
 * Phase 10 intentionally keeps this layer quiet. Existing .mht-* visuals stay
 * intact; this file gives approved variants a product-readable CSS contract so
 * future section patterns can use the same controls without one-off hacks.
 */

[data-mht-section] {
	--mht-section-local-gap: var(--mht-space-section-gap, clamp(2rem, 4vw, 4rem));
	--mht-section-local-max: var(--mht-container-wide, 1180px);
}

[data-mht-section][data-mht-variant] {
	--mht-section-variant-active: 1;
}

[data-mht-component="actions"] {
	--mht-actions-gap: clamp(0.75rem, 1.5vw, 1rem);
}

[data-mht-component="grid"] {
	--mht-grid-gap: clamp(1rem, 2vw, 1.5rem);
}

[data-mht-component="card"] {
	--mht-card-purpose: initial;
}

@media (prefers-reduced-motion: reduce) {
	[data-mht-section] {
		scroll-behavior: auto;
	}
}