@font-face {
  font-family: "iransansxv";
  src: url("../webfonts/IRANSansXV.woff") format("woff-variations"),
    /* will be the standard and works in Safari now */
      url("../webfonts/iransansxv.woff") format("woff");
  /* for the other supporting browsers */
  font-weight: 100 900;
  font-display: fallback;
}

@font-face {
  font-family: "iransansx";
  src: url("../webfonts/staticfonts/iransansx-regular.woff") format("woff");
}

@font-face {
  font-family: "iransansx";
  src: url("../webfonts/staticfonts/iransansx-bold.woff") format("woff");
  font-weight: 700;
}

:root {
  --font-size-base: 1em;
  --type-scale: 1.2;
  --h3: calc(var(--font-size-base) * var(--type-scale));
  --h2: calc(var(--h3) * var(--type-scale));
  --h1: calc(var(--h2) * var(--type-scale));
  --small-font: calc(var(--font-size-base) / var(--type-scale));
  --line-height: 1.75;
  --font-var-seting-bold: "wght" 700, "dots" 3;
  --font-var-seting-600: "wght" 600, "dots" 3;
  --font-var-seting-500: "wght" 500, "dots" 3;
  --font-var-seting-normal: "wght" 400, "dots" 3;
  --font-fanum: "ss02";
  --font-ennum: normal;
}

@media (max-width: 550px) {
  :root {
    /* --font-size-base: 0.813em; */
    --type-scale: 1.15;
  }
}

* {
  font-family: "iransansx", tahoma !important;
  line-height: var(--line-height);
  font-feature-settings: var(--font-fanum);
}

@supports (font-variation-settings: normal) {
  * {
    font-family: "iransansxv", tahoma !important;
    font-variation-settings: var(--font-var-seting-normal);
  }

  h1,
  h2,
  h3 {
    font-variation-settings: var(--font-var-seting-bold);
  }
}

body {
  margin: 0;
}

h1,
h2,
h3 {
  font-weight: bold;
}

h1 {
  font-size: var(--h1);
}

h2 {
  font-size: var(--h2);
}

p,
li,
button {
  font-size: var(--font-size-base) !important;
}

input {
  font-size: var(--font-size-base);
}