/* Carmela Fashion — Layout utilities */

.container {
  width: 100%;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: var(--section-pad-x);
}

.container--wide {
  max-width: var(--max-width-wide);
}

.section {
  padding-block: var(--section-pad-y);
}

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

.section--brown {
  background-color: var(--color-brown);
  color: var(--color-text-on-dark);
}

.section--brown h2,
.section--brown h3 {
  color: var(--color-text-on-dark);
}

.section--mustard {
  background-color: var(--color-mustard);
  color: var(--color-text-on-mustard);
}

.section__eyebrow {
  display: block;
  font-family: var(--font-sans);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  color: var(--color-mustard);
  margin-bottom: var(--space-3);
}

.section--brown .section__eyebrow {
  color: var(--color-mustard);
}

.section__title {
  margin-bottom: var(--space-4);
}

.section__lead {
  font-size: var(--fs-md);
  color: var(--color-text-muted);
  max-width: 38em;
  line-height: var(--lh-relaxed);
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.text-muted { color: var(--color-text-muted); }


.section--cream-deep {
  background-color: var(--color-bg-soft);
}

.section--cream-light {
  background-color: #FAF8F2;
}