add new fonts

frontend/src/index.css

@@ -1,9 +1,10 @@
 @import "tailwindcss";
 @plugin "flowbite-react/plugin/tailwindcss";
-@source "../.flowbite-react/class-list.json";
 
 @theme {
-    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+    --font-heading: "Newsreader", serif;
+    --font-body: "IBM Plex Sans", sans-serif;
+    --font-data: "IBM Plex Mono", monospace;
 
     /* Breakpoints */
     --breakpoint-3xl: 1920px;
@@ -22,14 +23,6 @@
     --ease-snappy: cubic-bezier(0.2, 0, 0, 1);
 }
 
-#range-slider .range-slider__range {
-    background: var(--color-primary);
-}
-
-#range-slider .range-slider__thumb {
-    background: var(--color-primary);
-}
-
 :root {
     font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
     line-height: 1.5;
@@ -43,3 +36,11 @@
 body {
     background-color: var(--color-background);
 }
+
+#range-slider .range-slider__range {
+    background: var(--color-primary);
+}
+
+#range-slider .range-slider__thumb {
+    background: var(--color-primary);
+}