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',
        './app/Http/Livewire/**/*.php',
    ],

    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#eef8ff',
                    100: '#d9efff',
                    200: '#bce4ff',
                    300: '#8ed4ff',
                    400: '#58b8f7',
                    500: '#2498df',
                    600: '#147ac0',
                    700: '#125f99',
                    800: '#14517f',
                    900: '#174467',
                    950: '#102b44',
                },
                accent: {
                    50: '#fcfee7',
                    100: '#f6fac0',
                    200: '#edf582',
                    300: '#e0ed3c',
                    400: '#c8d000',
                    500: '#aeb800',
                    600: '#879200',
                    700: '#667000',
                    800: '#525a05',
                    900: '#464d0a',
                    950: '#252b02',
                },
            },
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            boxShadow: {
                soft: '0 18px 60px -28px rgba(15, 23, 42, 0.45)',
            },
        },
    },

    plugins: [forms],
};
