/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./paginas/**/*.php",
    "./layouts/**/*.php",
    "./assets/js/**/*.js",
    "./index.php"
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#10b981',
          dark: '#059669',
          light: '#34d399',
        },
        secondary: '#6366f1',
        accent: '#f59e0b',
      },
      animation: {
        'pulse-slow': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
    },
  },
  plugins: [],
  safelist: [
    // Estados dinámicos
    'bg-emerald-50',
    'bg-emerald-600',
    'bg-gray-100',
    'bg-gray-500',
    'bg-amber-600',
    'bg-emerald-200',
    'bg-amber-200',
    // Borders
    'border-emerald-300',
    'border-emerald-500',
    // Rings
    'ring-emerald-200',
    'ring-white',
    // Animaciones
    'animate-spin',
    'hidden',
  ],
}