/** @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: {
      fontSize: {
        'xs': '.75rem',
        'sm': '.875rem',
        'base': '1rem',
        'lg': '1.125rem',
        'xl': '1.25rem',
        '2xl': '1.5rem',
        '3xl': '1.875rem',
        '4xl': '2.25rem',
        '5xl': '3rem',
      },      
    },
  },
  plugins: [
    require('flowbite/plugin') // add this line
  ],
}

