/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{js,ts,jsx,tsx}",
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                primary: '#275094',
                'primary-light': '#3c6bc9',
                'primary-dark': '#1c3a6b',

                secondary: '#3c3c3c',
                'secondary-light': '#5a5a5a',
                'secondary-dark': '#2a2a2a',

                light: {
                    bg: '#f8fafc',
                    surface: '#ffffff',
                    text: '#1e293b',
                    border: '#e2e8f0',
                    accent: '#3b82f6',
                },
                dark: {
                    bg: '#0f172a',
                    surface: '#1e293b',
                    text: '#f1f5f9',
                    border: '#334155',
                    accent: '#60a5fa',
                },
            },
            backgroundColor: {
                'theme': 'var(--bg-color)',
                'surface': 'var(--surface-color)',
            },
            textColor: {
                'theme': 'var(--text-color)',
            },
            borderColor: {
                'theme': 'var(--border-color)',
            },
        },
    },
    plugins: [],
}