import type { Config } from 'tailwindcss';
import animate from 'tailwindcss-animate';

export default {
    darkMode: 'class',
    important: '.ezy-ai-app',
    corePlugins: {
        preflight: false,
    },
    content: ['./src/**/*.{ts,tsx}'],
    theme: {
        extend: {
            fontFamily: {
                sans: ['-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'sans-serif'],
            },
            colors: {
                'brand-orange': {
                    DEFAULT: '#f16001',
                },
                brand: {
                    orange: '#FF6B1A',
                    purple: '#8B5CF6',
                },
                agent: {
                    gpt: '#10a37f',
                    claude: '#a855f7',
                    google: '#ea4335',
                    perplexity: '#20b2aa',
                    bing: '#008ad8',
                    grok: '#1d9bf0',
                    deepseek: '#4b6bfb',
                    mistral: '#ff7000',
                    meta: '#0866ff',
                    apple: '#a6a6a6',
                    amazon: '#ff9900',
                    bytedance: '#25f4ee',
                    cohere: '#39c5ac',
                    other: '#6b7280',
                    human: '#3b82f6',
                },
            },
            borderRadius: {
                '3xl': '1.5rem',
            },
            keyframes: {
                'fade-in': {
                    '0%': { opacity: '0', transform: 'translateY(8px)' },
                    '100%': { opacity: '1', transform: 'translateY(0)' },
                },
            },
            animation: {
                'fade-in': 'fade-in 0.3s ease-out',
            },
        },
    },
    plugins: [animate],
} satisfies Config;