// 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',
          primary: '#007bff',
        },
        gray: {
          50: '#f9fafb',
          100: '#f4f5f7',
          200: '#e5e7eb',
          300: '#d2d6dc',
          400: '#9fa6b2',
          500: '#6b7280',
          600: '#4b5563',
          700: '#374151',
          800: '#252f3f',
          900: '#161e2e',
        },
      },
    },
  },
}