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

/** @type {import('tailwindcss').Config} */
export default {
    darkMode: 'class',
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './node_modules/preline/preline.js',
    ],

    safelist: [
        // Theme colors
        'bg-indigo-600', 'text-indigo-500', 'hover:bg-indigo-700',
        'bg-purple-600', 'text-purple-500', 'hover:bg-purple-700',
        'bg-emerald-600', 'text-emerald-500', 'hover:bg-emerald-700',
        'bg-blue-600', 'text-blue-500', 'hover:bg-blue-700',
        'bg-green-600', 'text-green-500', 'hover:bg-green-700',
        // Border colors for light themes
        'border-green-200',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms],
};