module.exports = {
    mode: 'jit',
    purge: [
        './public/**/*.php',
    ],
    darkMode: 'media', // or 'media' or 'class'
    theme: {
        extend: {
            gridTemplateColumns: {
                'layout': '1fr minmax(500px, 1fr)',
            },
            fontFamily: {
                'din': ['D-DIN', 'sans-serif']
            },
            typography: (theme) => ({
                DEFAULT: {
                    css: {
                        h1: {
                            color: theme('colors.bdazzledBlue'),
                        },
                        a: {
                            color: theme('colors.darkPastelRed'),
                            '&:hover': {
                                color: theme('colors.darkPastelRed'),
                            },
                        },
                    },
                },
            }),
            colors: {
                transparent: 'transparent',
                current: 'currentColor',
                bdazzledBlue: '#3d5a80',
                paleCerulean: '#98c1d9',
                lightCyan: '#e0fbfc',
                burntSienna: '#ee6c4d',
                darkPastelRed: '#c93d19',
                gunMetal: '#293241',
            },
        },
    },
    variants: {
        extend: {},
    },
    plugins: [
        //require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
    ],
}