/* Eloquia — paid font from Pizza Typefaces. Drop the licensed .woff2 files into
   assets/fonts/ with the names below and they'll load automatically.
   If a file is missing, the page falls back gracefully to Inter via tokens.css. */

@font-face {
  font-family: 'Eloquia';
  src: url('../fonts/eloquia-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia';
  src: url('../fonts/eloquia-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia';
  src: url('../fonts/eloquia-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia';
  src: url('../fonts/eloquia-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia';
  src: url('../fonts/eloquia-extrabold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Display-optical variant (used for headings) */
@font-face {
  font-family: 'Eloquia Display';
  src: url('../fonts/eloquia-display-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia Display';
  src: url('../fonts/eloquia-display-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia Display';
  src: url('../fonts/eloquia-display-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia Display';
  src: url('../fonts/eloquia-display-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eloquia Display';
  src: url('../fonts/eloquia-display-extrabold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* All headings + display elements use Nunito at weight 400 (per design spec) */
h1, h2, h3, h4, h5, h6,
.hero__title,
.hero__title span,
.section-head h2,
.feature__title,
.intro__statement,
.bento__title,
.bento__title span,
.bento-tile__title,
.spotlight__quote,
.faq__head h2,
.faq__title,
.faq__title span,
.cta-final__title,
.cta-final__title span,
.comparison__title,
.comparison__title span,
.comparison__highlight,
.faq__highlight,
.dash__h1,
.intro-tile__copy h3,
.dash-card h3,
.tier__head h3,
.feature__title,
.feature__title span,
.intro__title,
.intro__title-accent,
.bento__heading-accent,
.faq__title-pill,
.comparison__title-pill {
  font-family: 'Nunito', var(--font-display) !important;
  font-weight: 400 !important;
}