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

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

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                green: {
                    50: 'rgb(var(--color-green-50) / <alpha-value>)',
                    100: 'rgb(var(--color-green-100) / <alpha-value>)',
                    200: 'rgb(var(--color-green-200) / <alpha-value>)',
                    300: 'rgb(var(--color-green-300) / <alpha-value>)',
                    400: 'rgb(var(--color-green-400) / <alpha-value>)',
                    500: 'rgb(var(--color-green-500) / <alpha-value>)',
                    600: 'rgb(var(--color-green-600) / <alpha-value>)',
                    700: 'rgb(var(--color-green-700) / <alpha-value>)',
                    800: 'rgb(var(--color-green-800) / <alpha-value>)',
                    900: 'rgb(var(--color-green-900) / <alpha-value>)',
                },
                emerald: {
                    50: 'rgb(var(--color-emerald-50) / <alpha-value>)',
                    100: 'rgb(var(--color-emerald-100) / <alpha-value>)',
                    200: 'rgb(var(--color-emerald-200) / <alpha-value>)',
                    300: 'rgb(var(--color-emerald-300) / <alpha-value>)',
                    400: 'rgb(var(--color-emerald-400) / <alpha-value>)',
                    500: 'rgb(var(--color-emerald-500) / <alpha-value>)',
                    600: 'rgb(var(--color-emerald-600) / <alpha-value>)',
                    700: 'rgb(var(--color-emerald-700) / <alpha-value>)',
                    800: 'rgb(var(--color-emerald-800) / <alpha-value>)',
                    900: 'rgb(var(--color-emerald-900) / <alpha-value>)',
                },
            },
        },
    },

    plugins: [forms],
};
