module.exports = {
    theme: {
        screens: {
            sm: '640px',
            md: '768px',
            lg: '1024px',
            xl: '1280px',
        },
        extend: {
            colors: {
                marine: {
                    light: '#364f80',
                    medium:'#2e446e',
                    default: '#223251',
                },
                cyan: '#9cdbff',
                green: {
                    light: '#333',
                    default: '#15a200',
                    dark: '#055b0c',
                },
                blue: {
                    100: '#E6E6FF',
                    200: '#BFBFFF',
                    300: '#9999FF',
                    400: '#4D4DFF',
                    500: '#0000FF',
                    600: '#0000E6',
                    700: '#000099',
                    800: '#000073',
                    900: '#00004D',
                },
                red: {
                    light: '#ff2626',
                    default: '#E60000',
                    dark: '#730000',
                },
                gray: {
                    100: '#f5f5f5',
                    200: '#eeeeee',
                    300: '#e0e0e0',
                    400: '#bdbdbd',
                    500: '#A0AEC0',
                    600: '#757575',
                    700: '#616161',
                    800: '#424242',
                    900: '#212121',
                },
            },
            spacing: {
                '12': '3rem',
                '64': '16rem',
                '96': '24rem',
                '128': '32rem',
            },
            width: {
                '96': '24rem',
            },
            maxWidth: {
                '124': '31rem',
            }
        },
    },
    variants: {},
    plugins: [],
    purge: {
        enable: true,
        content: [
            './resources/js/**/*.vue',
            './resources/views/**/*.blade.php',
        ],
    }
}