/*
 * Ziroo 5.1 typography system.
 * Expressive display headings: Fraunces.
 * Professional body and interface: Manrope.
 */

:root {
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-description: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-interface: "Manrope", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-accent: "Fraunces", Georgia, "Times New Roman", serif;
}

html,
body,
body.ziroo-site,
body.ziroo-legal-body,
button,
input,
select,
textarea,
p,
li,
td,
th,
label,
small,
a,
.nav,
.button,
.mobile-menu,
.site-footer,
.slack-demo,
.use-case-slack,
.legal-page,
.ziroo-legal-body {
  font-family: var(--font-description) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body h1 *,
html body h2 *,
html body h3 *,
html body h4 *,
html body h5 *,
html body h6 *,
.hero-copy-centered h1,
.hero-copy-centered h1 *,
.ziroo-hero-heading,
.ziroo-hero-heading *,
.use-case-copy h3,
.use-case-copy h3 *,
.how-flow-copy h3,
.how-flow-copy h3 *,
.final-offer-title,
.final-offer-title *,
.legal-article h1,
.legal-article h1 *,
.legal-article h2,
.legal-article h2 *,
.legal-article h3,
.legal-article h3 *,
.ziroo-business-card h2,
.ziroo-business-card h2 *,
.faq-q,
.faq-q *,
.footer-title,
.footer-title * {
  font-family: var(--font-heading) !important;
  font-style: normal !important;
  font-optical-sizing: auto;
}

.ziroo-hero-line-accent,
.ziroo-business-card h2 span,
.how-it-works-head h2 span,
.final-offer-highlight,
.font-serif-accent {
  font-family: var(--font-accent) !important;
  font-style: normal !important;
}