:root {
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Manrope", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
#app,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

#app :where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-heading) !important;
  letter-spacing: -0.01em;
}

#app :where(
  .brand,
  #logo p,
  [class*="-title"],
  [class*="__title"],
  [class*="title-"],
  [class*="-heading"],
  [class*="__heading"],
  [class*="heading-"],
  [class*="-eyebrow"],
  [class*="__eyebrow"],
  [class*="eyebrow-"],
  [class*="-kicker"],
  [class*="__kicker"],
  [class*="kicker-"]
) {
  font-family: var(--font-heading) !important;
  letter-spacing: -0.01em;
}