centralize the theming

frontend/tailwind.config.js

@@ -1,12 +1,17 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
+    extend: {
+      colors: {
+        primaryBg: "#fff8dc",
+        secondaryBg: "#87a96b",
+        buttonBg: "#d2691e",
+        darkText: "#2f2f2f",
+        primaryTextColor: "#87a96b",
+      },
+    },
     extend: {},
   },
   plugins: [],
-}
-
+};