@font-face {
  font-family: Inter;
  src: url('/assets/fonts/inter-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

@font-face {
  font-family: "Barlow Condensed";
  src: url('/assets/fonts/barlow-condensed-bold-latin.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --preferred-text-font: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --preferred-display-font: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
}

body,
#admin-app,
#app :is(.xfinance, .mfd-finance-application, .xcs, .xcw2, .xc-careers, .xc-about, .mfd-return, .contact-page),
#app :is(button, input, select, textarea) {
  font-family: var(--preferred-text-font);
}

#app :is(h1, h2),
#admin-app h1 {
  font-family: var(--preferred-display-font);
  font-weight: 700;
}

#app :is(h1, h2) {
  letter-spacing: .005em;
}

#admin-app h1 {
  letter-spacing: .01em;
}