// Note that any adjustments to this file must be reflected in custom.scss and tailwind.css
module.exports = {
    prefix: 'tw-',
    content: [
        './src/**/*.{js,vue}'
    ],
    important: true,
    theme: {
        screens: {
            sm: '576px',
            md: '768px',
            lg: '992px',
            xl: '1200px',
        },
        extend: {
            colors: {
                aura: {
                    purple: '#5029c4'
                },
                gray: {
                    '50': '#f9fafb',
                    '100': '#f4f5f7',
                    '200': '#e5e7eb',
                    '300': '#d2d6dc',
                    '400': '#9fa6b2',
                    '500': '#6b7280',
                    '600': '#4b5563',
                    '700': '#374151',
                    '800': '#252f3f',
                    '900': '#161e2e',
                },
            }
        }
    },
}