import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        eco: {
          primary: '#10B981',
          secondary: '#6EE7B7',
          accent: '#FBBF24',
          dark: '#1F2937',
          light: '#F3F4F6',
        },
        status: {
          success: '#10B981',
          error: '#EF4444',
          warning: '#F59E0B',
          info: '#3B82F6',
        },
      },
      spacing: {
        unit: '4px',
      },
      borderRadius: {
        card: '12px',
      },
      animation: {
        'streak-pulse': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'confetti-fall': 'confettiFall 3s ease-out forwards',
      },
      keyframes: {
        confettiFall: {
          '0%': { transform: 'translateY(0) rotate(0deg)', opacity: '1' },
          '100%': { transform: 'translateY(100vh) rotate(360deg)', opacity: '0' },
        },
      },
    },
  },
  plugins: [],
};
export default config;