@import url("./fontsource.css");

:root {
  --font-vazir: "Vazirmatn", "Vazirmatn Variable", "Vazir", Tahoma, Arial, sans-serif;
  --font-iransans: var(--font-vazir);
}

html,
body {
  font-family: var(--font-vazir) !important;
  font-optical-sizing: auto;
  font-synthesis: none;
}

body :where(
  h1, h2, h3, h4, h5, h6,
  p, a, span, strong, small, b, em,
  div, section, article, aside, nav, header, footer, main,
  ul, ol, li, dl, dt, dd,
  label, button, input, select, option, optgroup, textarea,
  table, thead, tbody, tfoot, tr, th, td,
  blockquote, figcaption, summary, details
) {
  font-family: var(--font-vazir) !important;
}

button,
input,
select,
textarea,
option,
optgroup {
  font: inherit;
}

::placeholder {
  font-family: var(--font-vazir) !important;
}

/* Preserve icon, symbol and monospace fonts. These rules intentionally come last. */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-brands,
.bi,
[class^="flaticon-"],
[class*=" flaticon-"],
.material-icons,
.material-icons-outlined,
.material-symbols-outlined,
.material-symbols-rounded,
[class^="icon-"],
[class*=" icon-"],
code,
pre,
kbd,
samp {
  font-family: revert !important;
}