import defaultTheme from "tailwindcss/defaultTheme";
/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
    ],
    darkMode: 'class',
    theme: {
        container: {
            center: true,
        },
        extend: {
            colors: {
                primary: {
                    DEFAULT: '#009EF7',
                    active: '#0095e8',
                    light: '#F1FAFF',
                },
                light: {
                    DEFAULT: '#F5F8FA',
                    active: '#eff2f5',
                },
                secondary: {
                    DEFAULT: '#E4E6EF',
                    active: '#b5b5c3',
                },
                success: {
                    DEFAULT: '#50CD89',
                    active: '#47be7e',
                    light: '#E8FFF3',
                },
                info: {
                    DEFAULT: '#7239EA',
                    active: '#5014d0',
                    light: '#F8F5FF',
                },
                warning: {
                    DEFAULT: '#FFC700',
                    active: '#f1bc00',
                    light: '#FFF8DD',
                },
                danger: {
                    100: '#F8DBE0',
                    DEFAULT: '#F1416C',
                    active: '#d9214e',
                    light: '#FFF5F8',
                },
                dark: {
                    DEFAULT: '#181C32',
                    active: '#131628',
                    light: '#EFF2F5',
                },
                dominant: {
                    50: '#EFEAEA',
                    100: '#CAB4B4',
                    200: '#AF8587',
                    300: '#965457',
                    400: '#7A1419',
                    500: '#800E13',
                    600: '#6a0b10',
                    700: '#550408',
                    800: '#3F0104',
                    900: '#3a0510',
                    DEFAULT: '#800E13',
                    active: '#6a0b10',
                    light: '#FFF5F5',
                },
                complement: {
                    50: '#F6F7F9',
                    100: '#DEE3EB',
                    200: '#C8D2E2',
                    300: '#965457',
                    400: '#FF8787',
                    500: '#800E13',
                    600: '#6a0b10',
                    700: '#576989',
                    800: '#3F0104',
                    900: '#2F343D',
                    DEFAULT: '#800E13',
                    active: '#6a0b10',
                    light: '#FFF5F5',
                },
            },
            gridTemplateColumns: {
                'menu': 'repeat(auto-fit, minmax(1rem, auto))',
                'a': 'auto',
                'af': 'auto 1fr',
                'fa': '1fr auto',
                '2a': 'auto auto',
                '3a': 'auto auto auto',
            },
            boxShadow: {
                'all': '0 0 20px rgba(0,0,0,0.08)',
            },
            fontFamily: {
                'yekan-bakh': ['yekanBakh', 'sans-serif'],
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    }
};