Added Home page

tailwind.config.js

@@ -1,4 +1,3 @@
-/** @type {import('tailwindcss').Config} */
 export default {
     content: [
         "./index.html",
@@ -8,38 +7,23 @@ export default {
     theme: {
         extend: {
             colors: {
-                primary: '#275094',
-                'primary-light': '#3c6bc9',
-                'primary-dark': '#1c3a6b',
-
-                secondary: '#3c3c3c',
-                'secondary-light': '#5a5a5a',
-                'secondary-dark': '#2a2a2a',
-
-                light: {
-                    bg: '#f8fafc',
-                    surface: '#ffffff',
-                    text: '#1e293b',
-                    border: '#e2e8f0',
-                    accent: '#3b82f6',
+                theme: {
+                    DEFAULT: 'var(--bg-color)',
                 },
-                dark: {
-                    bg: '#0f172a',
-                    surface: '#1e293b',
-                    text: '#f1f5f9',
-                    border: '#334155',
-                    accent: '#60a5fa',
+                surface: {
+                    DEFAULT: 'var(--surface-color)',
+                },
+                border: {
+                    theme: 'var(--border-color)',
+                },
+                primary: {
+                    light: '#5761dd',
+                    DEFAULT: 'var(--primary-color)',
+                    dark: '#3639a3',
+                },
+                secondary: {
+                    DEFAULT: 'var(--secondary-color)',
                 },
-            },
-            backgroundColor: {
-                'theme': 'var(--bg-color)',
-                'surface': 'var(--surface-color)',
-            },
-            textColor: {
-                'theme': 'var(--text-color)',
-            },
-            borderColor: {
-                'theme': 'var(--border-color)',
             },
         },
     },