nav+ departments+ home

tailwind.config.js

@@ -1,45 +1,23 @@
-/** @type {import('tailwindcss').Config} */
-export default {
+module.exports = {
+    darkMode: 'class',
     content: [
         "./index.html",
         "./src/**/*.{js,ts,jsx,tsx}",
     ],
-    darkMode: 'class',
     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',
-                },
-                dark: {
-                    bg: '#0f172a',
-                    surface: '#1e293b',
-                    text: '#f1f5f9',
-                    border: '#334155',
-                    accent: '#60a5fa',
-                },
+                primary: '#041c40',
+                secondary: '#e06923',
+                'dark-bg': '#313131',
+                'light-bg': '#F5EEE6',
             },
-            backgroundColor: {
-                'theme': 'var(--bg-color)',
-                'surface': 'var(--surface-color)',
-            },
-            textColor: {
-                'theme': 'var(--text-color)',
-            },
-            borderColor: {
-                'theme': 'var(--border-color)',
+            backdropBlur: {
+                'xs': '2px',
+                'sm': '4px',
+                'md': '8px',
+                'lg': '12px',
+                'xl': '20px',
             },
         },
     },