/* ==========================================================
   zxacc — Self-hosted font library (downloaded from GitHub)
   Persian : Vazirmatn v33.003 (default), Shabnam, Sahel, Samim, Estedad
   Latin   : Inter 4.1, Outfit, Space Grotesk
   All fonts are OFL / free licensed; licenses sit next to the files.
   ========================================================== */

/* Vazirmatn Variable (one file, all weights 100-900) */
@font-face {
  font-family: 'Vazirmatn VF';
  src: url('fonts/webfonts/Vazirmatn[wght].woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shabnam';
  src: url('shabnam/Shabnam-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shabnam';
  src: url('shabnam/Shabnam-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shabnam';
  src: url('shabnam/Shabnam.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shabnam';
  src: url('shabnam/Shabnam-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Shabnam';
  src: url('shabnam/Shabnam-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel';
  src: url('sahel/Sahel-VF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel Static';
  src: url('sahel/Sahel-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel Static';
  src: url('sahel/Sahel.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel Static';
  src: url('sahel/Sahel-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel Static';
  src: url('sahel/Sahel-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sahel Static';
  src: url('sahel/Sahel-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Samim';
  src: url('samim/Samim.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Samim';
  src: url('samim/Samim-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Samim';
  src: url('samim/Samim-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Estedad';
  src: url('estedad/Estedad-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Outfit';
  src: url('outfit/Outfit-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url('space-grotesk/SpaceGrotesk-Variable.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* Design tokens — change the whole site font from Customizer → zxacc Fonts */
:root {
  --beiten-font-fa: 'Vazirmatn', 'Vazirmatn VF', Tahoma, sans-serif;
  --beiten-font-en: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --beiten-font-display: 'Outfit', 'Inter', system-ui, sans-serif;
  --beiten-font-mono: 'Space Grotesk', ui-monospace, monospace;
}

/* [UPGRADE] Aliases: custom.css references fonts that were never loaded
   ('DM Sans', 'Yekan Bakh', 'Roboto'). Map them to local files so the design
   renders the same on every device instead of falling back to random system fonts.
   local() is tried first, so a user who has the real font installed still gets it. */
@font-face { font-family: 'DM Sans';    src: local('DM Sans'), url('inter/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Yekan Bakh'; src: local('Yekan Bakh'), url('fonts/webfonts/Vazirmatn[wght].woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Roboto';     src: local('Roboto'), url('inter/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }