/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './resources/**/*.blade.php',
        './resources/**/*.{js,jsx,ts,tsx}',
    ],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Inter', 'Hind Siliguri', 'sans-serif'],
            },
            colors: {
                themePrimary: 'rgb(var(--theme-primary-rgb) / <alpha-value>)',
                themeHover: 'rgb(var(--theme-hover-rgb) / <alpha-value>)',
                brand: {
                    50:  '#f5f3ff',
                    100: '#ede9fe',
                    200: '#ddd6fe',
                    300: '#c4b5fd',
                    400: '#a78bfa',
                    500: '#8b5cf6',
                    600: '#7c3aed',
                    700: '#6d28d9',
                    800: '#5b21b6',
                    900: '#4c1d95',
                },
                dark: {
                    50:  '#1e1b2e',
                    100: '#0f172a',
                    200: '#0d0b1e',
                    300: '#0a0814',
                    400: '#060510',
                },
            },
            animation: {
                'fade-in':    'fadeIn 0.4s ease',
                'slide-up':   'slideUp 0.4s ease',
                'spin-slow':  'spin 2s linear infinite',
            },
            keyframes: {
                fadeIn:  { from: { opacity: '0' },                       to: { opacity: '1' } },
                slideUp: { from: { opacity: '0', transform: 'translateY(16px)' }, to: { opacity: '1', transform: 'none' } },
            },
        },
    },
    plugins: [],
};
