/* style.css
   Global Persian typography: Vazir (primary) + Vazirmatn (Google Fonts fallback)
*/

/* 1) Google Fonts (fallback / backup) */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap');

/* 2) Vazir font (primary) via jsDelivr CDN (rastikerdar/vazir-font) */
/* @import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@27.0.1/dist/font-face.css'); */

:root {
  --font-vazir: "Vazirmatn" !important;
  /* --font-fallback: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif!important; */
  --font-sans: var(--font-vazir), var(--font-fallback) !important;
}

/* Apply to everything (all tags + pseudo elements) */
html {
  font-family: var(--font-sans) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  font-family: var(--font-sans);
}

*, *::before, *::after {
  font-family: Vazirmatn !important;
}

/* Form controls sometimes ignore inheritance in some browsers */
div, button, input, textarea, select, option {
  font-family: Vazirmatn !important;
}