feat: implement authentication flow with login page, middleware protection, and session-based role management

tailwind.config.js

@@ -0,0 +1,29 @@
+// tailwind.config.js
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./app/**/*.{js,ts,jsx,tsx}"
+  ],
+  darkMode: "class", // enable class-based dark mode
+  theme: {
+    extend: {
+      colors: {
+        // Brand-specific colors used in UI components
+        biker: "#1e3a8a", // deep blue for Biker theme
+        swapstation: "#7c3aed", // purple for Shop/Merchant theme
+        accent: "#6366f1", // primary accent (indigo)
+        "accent-dark": "#4f46e5", // darker accent for hover states
+        // Additional subtle shades for UI elements
+        "bg-dark": "#1f2937",
+        "bg-darker": "#111827",
+        "text-muted": "#9ca3af"
+      },
+      backgroundImage: {
+        // optional gradient for hero background
+        "hero-gradient": "radial-gradient(circle at top left, #1e293b, #111827)"
+      }
+    }
+  },
+  plugins: []
+};