/* Contenedor y secciones reutilizables. */

.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.section {
  padding: var(--space-2xl) 0;
}

.section--beige {
  background-color: var(--color-beige);
}

.section--dark {
  background-color: var(--color-dark);
  color: var(--color-white);
}