/**
 * Blue Ridge Core Theme — Containers
 * See docs/design-system/06-containers.md for full rationale.
 */

.container {
  width: 100%;
  max-width: var(--wp--style--global--wide-size, 1280px);
  margin-inline: auto;
  padding-inline: var(--container-padding-inline);
}

.container--narrow {
  max-width: var(--wp--style--global--content-size, 720px);
}

.container--full {
  max-width: none;
}

/* Section spacing rhythm — see docs/design-system/03-spacing-scale.md,
   rule 3: section spacing should grow with viewport width. */
.section {
  padding-block: var(--wp--preset--spacing--xxl);
}

@media (min-width: 768px) {
  .section {
    padding-block: var(--wp--preset--spacing--xxxl);
  }
}

@media (min-width: 1024px) {
  .section {
    padding-block: var(--wp--preset--spacing--section);
  }
}