/* Web typography follows the landing page: Fraunces display + Inter interface. */
:root {
  --ff-serif: "Fraunces", Georgia, serif;
  --ff-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: var(--ff-serif);
  --font-body: var(--ff-sans);
}

html body {
  font-family: var(--ff-sans);
}

html body :is(button, input, select, textarea) {
  font-family: var(--ff-sans);
}

html body :is(h1, h2) {
  font-family: var(--ff-serif);
}

/* Card titles/prices use the same readable sans serif as landing shelves. */
html body :is(.product-name, .product-price, .product-body h3,
  .slug-prod-card h3, .slug-prod-card h4, .slug-prod-foot strong,
  .fer-card-title, .fer-cat-card h3, .fer-cat-foot strong,
  .fer-trust-card h3, .slug-farmer-info strong,
  .fp-farmer-recommendation h3) {
  font-family: var(--ff-sans);
}

html body .fo-global-links {
  font-family: var(--ff-sans);
}

html body :is(.fo-solidarity-promo strong, .fo-solidarity-sheet h2,
  .fp-call-panel h2) {
  font-family: var(--ff-serif);
}