/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./templates/**/*.html",
    "./static/js/**/*.js",
    "./static/css/**/*.css",
    "./blueprints/**/*.py",
    "./app.py",
    "./models.py",
    "./utils/**/*.py"
  ],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Minimale Farbpalette für Kiosk-Modus
        primary: '#0073ce',
        'primary-dark': '#005a9f',
        surface: '#ffffff',
        muted: '#6b7280'
      },
      spacing: {
        '18': '4.5rem',
        '88': '22rem'
      },
      fontFamily: {
        'sans': ['system-ui', '-apple-system', 'sans-serif']
      },
      backdropBlur: {
        xs: '2px'
      }
    }
  },
  plugins: [],
  // Aggressive Purging für minimale Bundle-Größe
  safelist: [
    'bg-white',
    'bg-gray-800',
    'text-gray-900', 
    'text-white',
    'border-gray-200',
    'border-gray-600',
    'rounded-lg',
    'px-4',
    'py-2',
    'transition-colors'
  ]
}