:root {
  --brand-primary: #1d3368;
  --brand-secondary: #49aaa0;
  --brand-accent: #9b3d1f;
  --brand-heading-font: 'Merriweather', serif;
  --brand-body-font: 'Space Grotesk', sans-serif;
}

.brand-name,
.product-title,
.pricing-heading {
  font-family: var(--brand-heading-font);
}

.product-word {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--brand-primary);
}

.compare-subtitle,
.tagline,
.section-intro code {
  color: var(--brand-primary);
}

.faq-answer .product-word,
.faq-list summary .product-word {
  color: var(--brand-primary);
}