Major UI overhaul plans; Other random docs

frontend/tailwind.config.js

@@ -1,5 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
+  darkMode: ["class"],
   content: [
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
@@ -7,7 +8,25 @@ export default {
   theme: {
     extend: {
       colors: {
-        // shadcn/ui color system (monochrome)
+        // ResolutionFlow Brand Colors
+        brand: {
+          gradient: {
+            from: '#818cf8',
+            to: '#a78bfa',
+          },
+          dark: {
+            DEFAULT: '#09090b',
+            card: '#18181b',
+            surface: '#12121c',
+          },
+          text: {
+            primary: '#ffffff',
+            secondary: '#a1a1aa',
+            muted: '#52525b',
+          },
+          border: '#27272a',
+        },
+        // shadcn/ui color system
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",
@@ -49,6 +68,12 @@ export default {
       },
       fontFamily: {
         sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
+        heading: ['Plus Jakarta Sans', 'system-ui', 'sans-serif'],
+        label: ['Outfit', 'system-ui', 'sans-serif'],
+      },
+      backgroundImage: {
+        'gradient-brand': 'linear-gradient(90deg, #818cf8 0%, #a78bfa 100%)',
+        'gradient-brand-hover': 'linear-gradient(90deg, #6366f1 0%, #9333ea 100%)',
       },
     },
   },