/** @type {import('tailwindcss').Config} */
module.exports = {
  safelist: [
    'text-red-400',
    'text-purple-400',
    'text-pink-400',
    'text-teal-400',
    'text-green-400',
    'text-yellow-400',
    'text-blue-400',
    'text-cyan-400',
    'text-gray-400',
    'text-sky-400',
    'text-orange-400',
    'text-violet-400',
    'text-indigo-400',
    'text-amber-700'
    // Fügen Sie hier alle möglichen Farbklassen hinzu, die dynamisch geladen werden könnten
  ],
  content: [
    "./src/**/*.{html,ts}",  
    "./node_modules/flowbite/**/*.js" // add this line
  ],
  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',
        'base': '1rem',
        'lg': '1.125rem',
        'xl': '1.25rem',
        '2xl': '1.5rem',
        '3xl': '1.875rem',
        '4xl': '2.25rem',
        '5xl': '3rem',
      },
      dropShadow: {
        '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)',
        'custom-lg': '0 15px 20px rgba(0, 0, 0, 0.3)'
      }
    },
  },
  plugins: [
    require('flowbite/plugin') // add this line
  ],
}