frontend/tailwind.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html"
  ],
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#4F46E5',
          50: '#EBEAFC',
          100: '#D7D5FA',
          200: '#AFAAF5',
          300: '#867FF1',
          400: '#5E54EC',
          500: '#4F46E5',
          600: '#2D23D3',
          700: '#221BA0',
          800: '#17136D',
          900: '#0C0B3A'
        },
        secondary: {
          DEFAULT: '#6B7280',
          50: '#F9FAFB',
          100: '#F3F4F6',
          200: '#E5E7EB',
          300: '#D1D5DB',
          400: '#9CA3AF',
          500: '#6B7280',
          600: '#4B5563',
          700: '#374151',
          800: '#1F2937',
          900: '#111827'
        }
      }
    }
  },
  plugins: [
    require('@tailwindcss/typography')
  ]
}