use inter font everywhere

package.json

@@ -13,6 +13,7 @@
     "@tailwindcss/vite": "^4.2.2",
     "axios": "^1.13.6",
     "embla-carousel-react": "^8.6.0",
+    "inter-ui": "^4.1.1",
     "motion": "^12.38.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",

src/index.css

@@ -1,7 +1,20 @@
 @import "tailwindcss";
+@import "inter-ui/inter.css";
 
 @plugin "daisyui" {
     themes: light --default;
 }
 
 @custom-variant dark (&:where(.dark, .dark *));
+
+html {
+    font-family: "Inter", "system-ui";
+}
+
+@supports (font-variation-settings: normal) {
+    html {
+        font-family: "InterVariable", "system-ui";
+    }
+
+    /* If using the variable font */
+}