/* ==========================================================================
   section.css — Sektions-Abstände, fluid Übergänge
   ========================================================================== */

.section {
  padding-block: var(--space-16);
}

.section--sm  { padding-block: var(--space-10); }
.section--lg  { padding-block: var(--space-20); }
.section--dark {
  background-color: var(--color-dark);
  color: var(--color-white);
}

/* Fluid-Übergänge: Sektionen haben keine harten Grenzen */
.section + .section {
  padding-top: 0;  /* Abstand kommt vom vorherigen section padding-bottom */
}

/* Trennlinie — subtil */
.section-divider {
  width: 100%;
  height: 1px;
  background: var(--color-border);
  margin-block: var(--space-10);
}

/* Innenbreite — jede Sektion begrenzt ihren Inhalt selbst. */
.section__inner {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.section__inner--narrow { max-width: var(--container-text); }