/* ==========================================================================
   Base / Reset
   ========================================================================== */

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* ==========================================================================
   Content overflow / long text wrapping
   ========================================================================== */

a {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

p,
div,
span,
li,
td,
th,
blockquote {
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre,
code {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* ==========================================================================
   Media responsiveness
   ========================================================================== */

img,
video,
iframe {
  max-width: 100%;
}


/* ------------------------------------------
   Vazirmatn
   ------------------------------------------ */

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/Vazirmatn/Thin.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/Vazirmatn/Light.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/Vazirmatn/Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/Vazirmatn/Medium.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/Vazirmatn/Bold.woff2") format("woff2");
  font-display: swap;
}