/* Local fonts only. Load after synapse.css. Provenance: docs/FONT-PROVENANCE.md. */
@font-face {
  font-family: "Estedad";
  src: url("fonts/Estedad-Variable.a30f0be474a2.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  /* Restrict this face to Arabic-script characters so embedded Latin text
     uses Montserrat even inside a Persian-language element. */
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF,
    U+200C-200D, U+FB50-FDFF, U+FE70-FEFF, U+10E60-10E7F,
    U+10EC0-10EFF, U+1EE00-1EEFF;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Variable.308c51d11d90.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Italic-Variable.d3dd527bd4e2.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-latin: "Montserrat", "Estedad", "Segoe UI", Arial, sans-serif;
  --font-persian: "Estedad", "Montserrat", Tahoma, Arial, sans-serif;
  --font-ui: var(--font-latin);
  /* Compatibility with the existing Synapse application stylesheet. */
  --font: var(--font-ui);
}

html,
body {
  font-family: var(--font-ui);
  font-synthesis: none;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

.font-persian,
.font-arabic,
[lang|="fa"],
[lang|="ar"] {
  font-family: var(--font-persian);
}

.font-latin,
[lang|="en"] {
  font-family: var(--font-latin);
}
