/* Vazir local @font-face declarations.
   Save the Vazir font files into this same folder using the filenames listed below.
   The font files are expected at:
     - Vazir.woff2, Vazir.woff, Vazir.ttf
     - Vazir-Thin.woff2, Vazir-Thin.woff, Vazir-Thin.ttf
     - Vazir-Light.woff2, Vazir-Light.woff, Vazir-Light.ttf
     - Vazir-Medium.woff2, Vazir-Medium.woff, Vazir-Medium.ttf
     - Vazir-Bold.woff2, Vazir-Bold.woff, Vazir-Bold.ttf

   This file declares multiple font weights and uses `font-display: swap` for better UX.
*/

:root{
  --vazir-family: "Vazir", Tahoma, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

@font-face{
  font-family: 'Vazir';
  src: url('Vazir.woff2') format('woff2'),
       url('Vazir.woff') format('woff'),
       url('Vazir.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Vazir';
  src: url('Vazir-Thin.woff2') format('woff2'),
       url('Vazir-Thin.woff') format('woff'),
       url('Vazir-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Vazir';
  src: url('Vazir-Light.woff2') format('woff2'),
       url('Vazir-Light.woff') format('woff'),
       url('Vazir-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Vazir';
  src: url('Vazir-Medium.woff2') format('woff2'),
       url('Vazir-Medium.woff') format('woff'),
       url('Vazir-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: 'Vazir';
  src: url('Vazir-Bold.woff2') format('woff2'),
       url('Vazir-Bold.woff') format('woff'),
       url('Vazir-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body { font-family: var(--vazir-family); }