/* Shared font roles; component font sizes and intentional display headlines stay intact. */
:root {
  --mates-font-body: 'DM Sans', Arial, Helvetica, sans-serif;
  --mates-font-heading: Manrope, 'DM Sans', Arial, Helvetica, sans-serif;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { font-family: var(--mates-font-body); }
button, input, select, textarea, optgroup { font-family: var(--mates-font-body); }
:where(h1, h2, h3, h4, h5, h6) { font-family: var(--mates-font-heading); }
/* Keep inline emphasis at the surrounding text size. */
:where(h1, h2, h3, h4, h5, h6, p, label) > :where(strong, b, em) { font-size: inherit; }