/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './*.php',
    './*.html',
    './pages/**/*.{php,html}',
    './assets/js/**/*.js'
  ],
  theme: {
    extend: {
      animation: {
        'fade-in': 'fadeIn 0.2s ease-out',
        'fade-out': 'fadeOut 0.2s ease-in'
      },
      keyframes: {
        fadeIn: {
          from: { opacity: '0', transform: 'translateY(0.25rem)' },
          to: { opacity: '1', transform: 'translateY(0)' }
        },
        fadeOut: {
          from: { opacity: '1', transform: 'translateY(0)' },
          to: { opacity: '0', transform: 'translateY(0.25rem)' }
        }
      }
    }
  },
  plugins: []
};
