Create tailwind.js

frontend/tailwind.js

@@ -0,0 +1,42 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,jsx,ts,tsx}",
+    "./public/index.html"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          DEFAULT: '#4F46E5',
+          50: '#EBEAFC',
+          100: '#D7D5FA',
+          200: '#AFAAF5',
+          300: '#867FF1',
+          400: '#5E54EC',
+          500: '#4F46E5',
+          600: '#2D23D3',
+          700: '#221BA0',
+          800: '#17136D',
+          900: '#0C0B3A'
+        },
+        secondary: {
+          DEFAULT: '#6B7280',
+          50: '#F9FAFB',
+          100: '#F3F4F6',
+          200: '#E5E7EB',
+          300: '#D1D5DB',
+          400: '#9CA3AF',
+          500: '#6B7280',
+          600: '#4B5563',
+          700: '#374151',
+          800: '#1F2937',
+          900: '#111827'
+        }
+      }
+    }
+  },
+  plugins: [
+    require('@tailwindcss/typography')
+  ]
+}