/*
 * Base global do tema — exclusivamente o que o theme.json não expressa (media queries).
 *
 * Margem lateral de página: 16px no mobile / 24px no desktop (design-system.md §2.3).
 * O valor mobile vem do styles.spacing.padding do theme.json; aqui apenas o chaveamento
 * no breakpoint bp-lg (1024px — token custom.breakpoint.lg; CSS não aceita var() em @media),
 * sobrescrevendo as propriedades raiz que o useRootPaddingAwareAlignments gera — assim
 * conteúdo, alinhamentos full-width e blocos com padding global mudam juntos (auditoria P6).
 */

@media (min-width: 1024px) {
	:root {
		--wp--style--root--padding-left: var(--wp--custom--grid--page-margin-desktop);
		--wp--style--root--padding-right: var(--wp--custom--grid--page-margin-desktop);
	}
}