:root {
  --sos-font-body: 'Inter', system-ui, sans-serif;
  --sos-font-display: 'Syne', 'Inter', system-ui, sans-serif;
}

body {
  font-family: var(--sos-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--sos-font-display);
}

.sos-title,
.hero__title,
.site-brand,
.faq-item__button,
.step-card h3,
.how-it-story__title,
.how-it-story__card h3,
.seek-detail__title,
.solve-detail__title,
.say-detail__title,
.howit-depth__block-title,
.howit-depth__tile-title,
.pillars-story__card h3,
.reach-neighbors__title,
.manifesto__quote {
  font-family: var(--sos-font-display);
}

button,
input,
textarea,
select {
  font-family: inherit;
}