/*
 * Shared spacing helpers.
 * Theme.json remains the source of truth for spacing presets.
 * These utilities provide a small, explicit CSS layer for patterns and blocks.
 */
.section-spacing {
  padding-block: var(--wp--preset--spacing--64);
}

.section-spacing-lg {
  padding-block: var(--wp--preset--spacing--100);
}

.flow-xs > * + * {
  margin-block-start: var(--wp--preset--spacing--12);
}

.flow-sm > * + * {
  margin-block-start: var(--wp--preset--spacing--16);
}

.flow-md > * + * {
  margin-block-start: var(--wp--preset--spacing--24);
}

.flow-lg > * + * {
  margin-block-start: var(--wp--preset--spacing--40);
}