/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // Primary Purple/Violet Theme
        primary: {
          50: '#faf5ff',
          100: '#f3e8ff',
          200: '#e9d5ff',
          300: '#d8b4fe',
          400: '#c084fc',
          500: '#a855f7',
          600: '#9333ea',
          700: '#7e22ce',
          800: '#6b21a8',
          900: '#581c87',
        },
        // Brand-specific purple shades
        purple: {
          coach: '#8b5cf6',
          vibrant: '#a855f7',
          deep: '#7c3aed',
          brand: '#9333ea',
        },
        // Pink accent colors
        pink: {
          light: '#f093fb',
          warm: '#fa709a',
          pale: '#fed6e3',
          hot: '#f5576c',
        },
        // Status colors
        dispute: {
          DEFAULT: '#a855f7',
          hover: '#9333ea',
          border: '#e879f9',
          borderHover: '#d946ef',
        },
      },
      backgroundImage: {
        // Gradient definitions
        'gradient-primary': 'linear-gradient(135deg, #6366f1, #a855f7)',
        'gradient-primary-reverse': 'linear-gradient(135deg, #a855f7, #6366f1)',
        'gradient-brand': 'linear-gradient(to right, #4f46e5, #9333ea, #db2777)',
        'gradient-warm': 'linear-gradient(135deg, #fa709a, #fee140)',
        'gradient-cool': 'linear-gradient(135deg, #a8edea, #fed6e3)',
        'gradient-secondary': 'linear-gradient(135deg, #f093fb, #f5576c)',
        'gradient-purple-deep': 'linear-gradient(135deg, #8b5cf6, #7c3aed)',
      },
      animation: {
        fadeIn: 'fadeIn 0.5s ease-in-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
      },
    },
  },
  plugins: [],
}