/* ==========================================================================
   Florentia — English
   Naming: florentia-{weight}[-italic].ttf
   ========================================================================== */

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-thin-italic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-extralight-italic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-light-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-regular-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-medium-italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-bold-italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-extrabold-italic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-black-italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-fat.ttf") format("truetype");
  font-weight: 950;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Florentia";
  src: url("florentia/florentia-fat-italic.ttf") format("truetype");
  font-weight: 950;
  font-style: italic;
  font-display: swap;
}

/* ==========================================================================
   Peyda — Persian (Farsi)
   Naming: peyda-{weight}.ttf
   ========================================================================== */

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda";
  src: url("font-peyda/peyda-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* ==========================================================================
   Language-based font assignment
   ========================================================================== */

:root {
  --font-fa: "Peyda", Tahoma, sans-serif;
  --font-en: "Florentia", Georgia, serif;
}

html {
  font-family: var(--font-sans);
}

html[lang="en"],
html[lang="en-US"],
html[lang="en-GB"],
:lang(en),
html .en-font *,
html .en-font {
  --font-sans: var(--font-en);
}

html[lang="fa"],
html[lang="fa-IR"],
:lang(fa),
html .fa-font,
html .fa-font * {
  --font-sans: var(--font-fa);
}

html {
  font-family: var(--font-sans);
}

body,
.alt-font,
.button,
.btn,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-weight: 400;
  font-family: var(--font-sans);
}