feat: many changes

tailwind.config.js

@@ -10,18 +10,27 @@ module.exports = {
   ],
   theme: {
     extend: {
+      transitionProperty: {
+        'max-height': 'max-height' // Add max-height to transition properties
+      },
       fontFamily: {
         sans: ['Inter', ...defaultTheme.fontFamily.sans],
         hajime: ['"Hajime Sans"', ...defaultTheme.fontFamily.sans],
       },
       colors: {
         primary: {
-          DEFAULT: '#233600',
+          DEFAULT: '#0B197D', // Use SCSS primary color for text
           dark: '#1C2B00',
           light: '#4E5E32',
+          'brand-blue': '#0B197D',
         },
         yellow: '#F5AE07',
         'light-green': '#F4F6EC',
+        brand: '#6B8E23', // Added brand color for hover states from SCSS
+      },
+      maxHeight: {
+        '0': '0',
+        '[500px]': '500px', // Add specific max-height for mobile menu transition
       }
     },
   },