SEO/AEO, Farb schema, breadcrumbs

bizmatch/tailwind.config.js

@@ -23,6 +23,78 @@ module.exports = {
   ],
   theme: {
     extend: {
+      colors: {
+        // Primary Brand Color (Trust & Professionalism)
+        primary: {
+          50: '#eff6ff',
+          100: '#dbeafe',
+          200: '#bfdbfe',
+          300: '#93c5fd',
+          400: '#60a5fa',
+          500: '#3b82f6',  // Main brand color
+          600: '#2563eb',  // Primary hover
+          700: '#1d4ed8',  // Active state
+          800: '#1e40af',
+          900: '#1e3a8a',
+          DEFAULT: '#3b82f6'
+        },
+        // Success/Opportunity Green (Money, Growth, Positive Actions)
+        success: {
+          50: '#ecfdf5',
+          100: '#d1fae5',
+          200: '#a7f3d0',
+          300: '#6ee7b7',
+          400: '#34d399',
+          500: '#10b981',  // Main success color
+          600: '#059669',  // Success hover
+          700: '#047857',
+          800: '#065f46',
+          900: '#064e3b',
+          DEFAULT: '#10b981'
+        },
+        // Premium/Featured Amber (Premium Listings, Featured Badges)
+        premium: {
+          50: '#fffbeb',
+          100: '#fef3c7',
+          200: '#fde68a',
+          300: '#fcd34d',
+          400: '#fbbf24',
+          500: '#f59e0b',  // Premium accent
+          600: '#d97706',
+          700: '#b45309',
+          800: '#92400e',
+          900: '#78350f',
+          DEFAULT: '#f59e0b'
+        },
+        // Info Teal (Updates, Information)
+        info: {
+          50: '#f0fdfa',
+          100: '#ccfbf1',
+          200: '#99f6e4',
+          300: '#5eead4',
+          400: '#2dd4bf',
+          500: '#14b8a6',  // Info color
+          600: '#0d9488',
+          700: '#0f766e',
+          800: '#115e59',
+          900: '#134e4a',
+          DEFAULT: '#14b8a6'
+        },
+        // Warmer neutral grays (stone instead of gray)
+        neutral: {
+          50: '#fafaf9',
+          100: '#f5f5f4',
+          200: '#e7e5e4',
+          300: '#d6d3d1',
+          400: '#a8a29e',
+          500: '#78716c',
+          600: '#57534e',
+          700: '#44403c',
+          800: '#292524',
+          900: '#1c1917',
+          DEFAULT: '#78716c'
+        }
+      },
       fontSize: {
         'xs': '.75rem',
         'sm': '.875rem',
@@ -35,13 +107,12 @@ module.exports = {
         '5xl': '3rem',
       },
       dropShadow: {
-        'custom-bg': '0 15px 20px rgba(0, 0, 0, 0.3)', // Wähle einen aussagekräftigen Namen
-        'custom-bg-mobile': '0 1px 2px rgba(0, 0, 0, 0.2)', // Wähle einen aussagekräftigen Namen
+        'custom-bg': '0 15px 20px rgba(0, 0, 0, 0.3)',
+        'custom-bg-mobile': '0 1px 2px rgba(0, 0, 0, 0.2)',
         'inner-faint': '0 3px 6px rgba(0, 0, 0, 0.1)',
-        'custom-md': '0 10px 15px rgba(0, 0, 0, 0.25)', // Dein mittlerer Schatten
-        'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)'   // Dein großer Schatten        
-        // ... andere benutzerdefinierte Schatten, falls vorhanden
-      }   
+        'custom-md': '0 10px 15px rgba(0, 0, 0, 0.25)',
+        'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)'
+      }
     },
   },
   plugins: [