/* Override body text font */

:root {
  --bs-font-sans-serif: 'Inter', sans-serif;

  --font-display-ar: "Noto Kufi Arabic", sans-serif;
  --font-text-ar: "Noto Naskh Arabic", sans-serif;

  --font-display-en: "Gilroy", sans-serif;
  --font-text-en: "Inter", sans-serif;

  --font-display: var(--font-display-en);
  --font-text: var(--font-text-en);
}

.btn, .eyebrow, .swap-container .swaps-search,
table.dataTable thead th, .table-header-title, p.title,
body, button, th, p, li, span, div, section, article, a, .footer .eyebrow {
  font-family: var(--font-text) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading, .title, .page-title, .column-title, .features-title, .group-card-title, .card-title {
  font-family: var(--font-display);
}


.lang-en {
  --font-text: var(--font-text-en) !important;
  --font-display: var(--font-display-en) !important;
}

.lang-ar {
  --font-text: var(--font-text-ar) !important;
  --font-display: var(--font-display-ar) !important;
}