import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

export default {
    content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
    ],
    darkMode: 'class',
    theme: {
        extend: {
            fontFamily: {
                sans: ['Vazirmatn', 'Inter', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                brand: {
                    50: '#fef3e2',
                    100: '#fde4b9',
                    200: '#fbc96f',
                    300: '#f9ae2a',
                    400: '#e89510',
                    500: '#cf7a08',
                    600: '#a95c06',
                    700: '#834106',
                    800: '#6e360b',
                    900: '#5e2f0d',
                },
                accent: {
                    50: '#f0fdfa',
                    100: '#ccfbf1',
                    200: '#99f6e4',
                    300: '#5eead4',
                    400: '#2dd4bf',
                    500: '#14b8a6',
                    600: '#0d9488',
                    700: '#0f766e',
                    800: '#115e59',
                    900: '#134e4a',
                },
                sidebar: {
                    DEFAULT: '#1e293b',
                    foreground: '#f8fafc',
                    primary: '#14b8a6',
                    'primary-foreground': '#ffffff',
                    accent: '#334155',
                    'accent-foreground': '#f8fafc',
                    border: '#334155',
                },
            },
        },
    },
    plugins: [forms],
};