:root {
  --navy: #082b59;
  --blue: #0c55ad;
  --orange: #ef5b2a;
  --gold: #f6a07d;
  --peach: #85b6ed;
  --cream: #f4efe4;
  --ink: #13202d;
  --line: #d9d8d2;
}

body {
  font-family: var(--font-open-sans), Arial, sans-serif;
}

.eyebrow,
.section-kicker {
  color: var(--gold);
}

.hero h1,
.section h2,
.impact-band h2,
.cta-band h2,
.photo-break h2,
.project-card h3,
.involve-grid h3,
.hero-stat strong,
.stats strong {
  font-family: var(--font-open-sans), Arial, sans-serif;
  font-weight: 800;
}

.hero-stat {
  color: white;
  background: var(--blue);
}

.impact-band {
  color: white;
  background: var(--orange);
}

.eyebrow.dark {
  color: #5d210f;
}

.quotes blockquote > p {
  font-family: var(--font-merienda), cursive;
  font-weight: 500;
}

.quotes blockquote {
  background: #10396a;
}

.section-kicker.light {
  color: var(--peach);
}

.cta-band {
  background: var(--blue);
}

.footer {
  background: #071d38;
}

.button {
  border-radius: 4px;
  box-shadow: none;
}

.seal {
  background: #b18b4b;
  color: white;
}