/** @type {import('tailwindcss').Config} */
export default {
    content: [
      "./index.html",
      "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
      extend: {
        animation: {
          pulsePositive: 'pulsePositive 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
          pulseNegative: 'pulseNegative 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        },
        keyframes: {
          pulsePositive: {
            '0%, 100%': { opacity: '1' },
            '50%': { opacity: '.7' },
          },
          pulseNegative: { // For text, maybe a color change or slight scale
            '0%, 100%': { opacity: '1', transform: 'scale(1)' },
            '50%': { opacity: '.8', transform: 'scale(1.02)' },
          }
        }
      },
    },
    plugins: [
      require('@tailwindcss/typography'), // Add this line
    ],
  }