import typography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#4F46E5',
          light: '#6366F1',
          dark: '#4338CA',
        },
        danger: '#DC2626',
        warning: '#F59E0B',
        safe: '#16A34A',
        surface: '#F8FAFC',
      },
      maxWidth: {
        content: '1280px',
      },
    },
  },
  plugins: [typography],
}