add google fonts vazirmatn for all body that applying to all tesxt

style.css

@@ -1,13 +1,36 @@
 
 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;300;400;500;700;900&display=swap');
 
+:root {
+    --bg-color: #000000;
+    --text-color: #f8f8f8;
+    --border-color: #333333;
+    --highlight-color: #06b6d4;
+}
+
 * {
     font-family: 'Vazirmatn', sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
 }
 
 body {
-    background-color: #000 !important;
-    color: #e5e7eb !important;
+    background-color: var(--bg-color) !important;
+    color: var(--text-color) !important;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: var(--text-color);
+}
+
+a {
+    color: var(--highlight-color);
+    text-decoration: none;
+}
+
+input, textarea, select, button {
+    font-family: 'Vazirmatn', sans-serif;
 }
 /* Custom scrollbar */
 ::-webkit-scrollbar {
@@ -15,18 +38,17 @@ body {
 }
 
 ::-webkit-scrollbar-track {
-    background: #0f172a;
+    background: var(--bg-color);
 }
 
 ::-webkit-scrollbar-thumb {
-    background: #1e40af;
+    background: #333333;
     border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: #1e3a8a;
+    background: #444444;
 }
-
 /* Animation classes */
 .fade-in {
     animation: fadeIn 0.8s ease-in-out;