/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './components/**/*.{vue,js,ts}',
        './layouts/**/*.vue',
        './pages/**/*.vue',
        './plugins/**/*.{js,ts}',
        './app.vue'
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#EFF6FF',
                    100: '#DBEAFE',
                    200: '#BFDBFE',
                    300: '#93C5FD',
                    400: '#60A5FA',
                    500: '#3B82F6',
                    600: '#2563EB',
                    700: '#1D4ED8',
                    800: '#1E40AF',
                    900: '#1E3A8A'
                },
                secondary: {
                    500: '#10B981'
                },
                accent: {
                    500: '#F59E0B'
                },
                error: {
                    500: '#EF4444'
                }
            },
            fontFamily: {
                sans: ['Prompt', 'Sarabun', 'Inter', 'sans-serif'],
                thai: ['Prompt', 'Sarabun', 'Inter', 'sans-serif']
            }
        }
    },
    plugins: []
}