/**
 * Responsive spacing presets — Figma Design System collection.
 *
 * Desktop values are defined in theme.json. This file steps presets down at:
 * - Tablet Landscape: ≤1024px (Figma canvas 1024)
 * - Tablet Portrait:  ≤768px  (Figma canvas 768)
 * - Mobile:           ≤480px  (theme mobile breakpoint; Figma canvas 375)
 *
 * Spacing/1–4 are fixed across all breakpoints and are not overridden here.
 */

@media (max-width: 1024px) {
	:root,
	body,
	.editor-styles-wrapper {
		--wp--preset--spacing--15: 48px;
		--wp--preset--spacing--20: 60px;
		--wp--preset--spacing--40: 120px;
	}
}

@media (max-width: 768px) {
	:root,
	body,
	.editor-styles-wrapper {
		--wp--preset--spacing--5: 16px;
		--wp--preset--spacing--6: 18px;
		--wp--preset--spacing--7: 22px;
		--wp--preset--spacing--8: 26px;
		--wp--preset--spacing--10: 36px;
		--wp--preset--spacing--12: 42px;
		--wp--preset--spacing--15: 42px;
		--wp--preset--spacing--20: 48px;
		--wp--preset--spacing--40: 96px;
	}
}

@media (max-width: 480px) {
	:root,
	body,
	.editor-styles-wrapper {
		--wp--preset--spacing--5: 14px;
		--wp--preset--spacing--6: 16px;
		--wp--preset--spacing--7: 20px;
		--wp--preset--spacing--8: 24px;
		--wp--preset--spacing--10: 32px;
		--wp--preset--spacing--12: 36px;
		--wp--preset--spacing--15: 36px;
		--wp--preset--spacing--20: 40px;
		--wp--preset--spacing--40: 80px;
	}
}