const colors = require('tailwindcss/colors');
const { colors: defaultColors } = require('tailwindcss/defaultTheme')

module.exports = {

    darkMode: false,
    content: ["./**/*.{razor,html,cshtml}"],
    theme: {
        fontSize: {
            xs: '.75rem',
            sm: '.875rem',
            tiny: '.875rem',
            base: '1rem',
            lg: '1.125rem',
            xl: '1.25rem',
            '2xl': '1.5rem',
            '3xl': '1.875rem',
            '4xl': '2.25rem',
            '5xl': '3rem',
            '6xl': '4rem',
            '7xl': '5rem'
        },
        animation: {
            'gradient': 'gradient 8s linear infinite',
        },
        fontFamily: {
            "iranyekan": ["'iranyekan'"],
        },
        extend: {
            colors: {
                secondary: {
                    100: "#0a202b",
                    200: "#0f222b",
                    300: "#162830",
                    400: "#192930",
                    500: "#1c2b31",
                    600: "#1e2b30",
                    700: "#1d272b",
                    800: "#21292c",
                    900: "#212729",
                },
                visa2: {
                    100: "#F0BC5E",
                    200: "#eca521",
                },
            },
        }
    }
}

//purge: {
//    enabled: true,
//        content: [
//            './**/*.html',
//            './**/*.razor'
//        ],
//    },