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: {
                client: {
                    sidebar: {
                        text: '#97a2b6',
                        icon: '#97a2b6',
                        textHover: '#9899ac',
                        iconHover: '#9899ac',
                        hoverItem: '#009ef7',
                        bgLink: '#030615',
                        bgLinkHover: '#252a41',
                        bgLinkHoverItem: '#2f3551',
                        background: '#171a28',
                    },
                    primary: '#18181B',
                    primaryDarker: '#3A1078',
                    primaryBlue: '#3795BD',
                    primaryLight: '#F7F7F8',
                    white: '#FFFFFF',
                    gray: 'rgba(102,102,102,0.62)',
                    Fontcolor: '#3A3845',
                },
                sidebar: {
                    text: '#9899ac',
                    svgHover: '#009ef7',
                    bgHover: '#1B1B28',
                },
                body: {
                    light: '#F2F4F7',
                },
                white: {
                    DEFAULT: '#ffffff',
                    active: '#F5F8FA',
                },
                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: {
                    DEFAULT: '#F1416C',
                    active: '#d9214e',
                    light: '#FFF5F8',
                },
                dark: {
                    DEFAULT: '#181C32',
                    active: '#131628',
                    light: '#EFF2F5',
                },
            },
            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: {
                dana: ['dana', 'sans-serif'],
                sans: ['Nunito', ...defaultTheme.fontFamily.sans],
            },
        },
    }
};