/** @type {import('tailwindcss').Config} */
export default {
    content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
    theme: {
        extend: {
            colors: {
                gray: '#1d1d1b',
                primary: '#e40615',
            },
            keyframes: {
                'slide-in-top': {
                    '0%': {
                        transform: 'translateY(-1rem)',
                        opacity: '0',
                    },
                    '100%': {
                        transform: 'translateY(0)',
                        opacity: '1',
                    },
                },
                'fade-out': {
                    '0%': { opacity: '1' },
                    '100%': { opacity: '0' },
                },
            },
            animation: {
                'slide-in-top': 'slide-in-top 0.3s ease-out forwards',
                'fade-out': 'fade-out 0.3s ease-out forwards',
            },
        },
    },
    plugins: [],
};