:root {
  --panel-intro: #eadcc8;
  --panel-problems: #f7f4ed;
  --panel-clients: #dce5d8;
  --panel-outcomes: #bed1cf;
  --panel-about: #d4ddea;
  --panel-background: #e3dfea;
  --site-header: #e7e2d9;
}

header {
  background: var(--site-header);
  border-color: #cbc4b9;
}

.intro {
  background: var(--panel-intro);
}

.problems {
  background: var(--panel-problems);
}

.clients {
  background: var(--panel-clients);
}

.outcomes {
  background: var(--panel-outcomes);
  color: var(--navy);
}

.outcomes .section-heading > p:not(.eyebrow),
.outcome-list article p,
.outcome-note,
.outcomes .closing p {
  color: #42565c;
}

.outcomes .eyebrow,
.outcomes em,
.outcome-list article > span {
  color: #80523d;
}

.outcome-list article {
  border-color: #94aaa8;
}

.outcomes .primary {
  background: var(--navy);
  color: var(--paper);
}

.about {
  background: var(--panel-about);
}

.background {
  background: var(--panel-background);
}