style(theme): configure multilingual app font

src/index.css

@@ -1,28 +1,51 @@
 @import "tailwindcss";
 
 @font-face {
-  font-family: "Vazirmatn";
+  font-family: "AppSans";
   src: url("/fonts/Vazirmatn[wght].woff2") format("woff2");
   font-weight: 100 900;
   font-style: normal;
   font-display: swap;
+
+  /* Arabic + Persian Unicode blocks */
+  unicode-range:
+    U+0600-06FF,
+    U+0750-077F,
+    U+08A0-08FF,
+    U+FB50-FDFF,
+    U+FE70-FEFF;
+}
+
+@font-face {
+  font-family: "AppSans";
+  src: local("Inter");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+
+  /* Latin */
+  unicode-range:
+    U+0000-00FF,
+    U+0100-024F,
+    U+1E00-1EFF;
 }
 
 @custom-variant dark (&:is(.dark *));
 
 @theme {
   --color-quera-blue: #2563eb;
-  --font-sans: "Vazirmatn", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --font-sans: "AppSans", ui-sans-serif, system-ui, sans-serif;
 }
 
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: "AppSans", system-ui, sans-serif;
 }
 
 :lang(fa) {
   font-family: "Vazirmatn", system-ui, Avenir, Helvetica, Arial, sans-serif;
 }
 
+
 @layer base {
   * {
     border-color: var(--color-border);