/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
    darkMode: 'class',
    content: [
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
        './node_modules/flowbite/**/*.js',
    ],
    safelist: [
        'text-stone-300',
        'text-blue-400',
        'text-red-500',
        'text-pink-300',
        'text-purple-500',
        'text-yellow-400',
    ],
    theme: {
        extend: {
            fontSize: {
                '2xs': '.685rem',
            },
            fontFamily: {
                sans: ['Inter var', 'Inter', 'sans-serif', ...defaultTheme.fontFamily.sans],
            },
        },
    },
    corePlugins: {
        aspectRatio: false,
    },
    variants: {
        extend: {
            textColor: ['group-hover'],
        },
    },
    plugins: [
        require('flowbite/plugin'),
        require('@tailwindcss/aspect-ratio'),
        require('tailwind-capitalize-first-letter'),
        require('@tailwindcss/typography'),
    ],
}