/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Discord-style color palette
        primary: {
          50: '#f5f3ff',   // Violet très pâle
          100: '#ede9fe',  // Violet pâle
          200: '#ddd6fe',  // Violet clair
          300: '#c4b5fd',  // Violet moyen
          400: '#a78bfa',  // Violet
          500: '#8b5cf6',  // Violet principal
          600: '#7c3aed',  // Violet foncé
          700: '#6d28d9',  // Violet plus foncé
          800: '#5b21b6',  // Violet très foncé
          900: '#4c1d95',  // Violet le plus foncé
        },
        secondary: {
          50: '#f8fafc',   // Gris très pâle
          100: '#f1f5f9',  // Gris pâle
          200: '#e2e8f0',  // Gris clair
          300: '#cbd5e1',  // Gris moyen
          400: '#94a3b8',  // Gris
          500: '#64748b',  // Gris principal
          600: '#475569',  // Gris foncé
          700: '#334155',  // Gris plus foncé
          800: '#1e293b',  // Gris très foncé
          900: '#0f172a',  // Gris le plus foncé
        },
        accent: {
          50: '#fef2f2',   // Rouge très pâle
          100: '#fee2e2',  // Rouge pâle
          200: '#fecaca',  // Rouge clair
          300: '#fca5a5',  // Rouge moyen
          400: '#f87171',  // Rouge
          500: '#ef4444',  // Rouge principal
          600: '#dc2626',  // Rouge foncé
          700: '#b91c1c',  // Rouge plus foncé
          800: '#991b1b',  // Rouge très foncé
          900: '#7f1d1d',  // Rouge le plus foncé
        },
        success: {
          50: '#f0fdf4',   // Vert très pâle
          100: '#dcfce7',  // Vert pâle
          200: '#bbf7d0',  // Vert clair
          300: '#86efac',  // Vert moyen
          400: '#4ade80',  // Vert
          500: '#22c55e',  // Vert principal
          600: '#16a34a',  // Vert foncé
          700: '#15803d',  // Vert plus foncé
          800: '#166534',  // Vert très foncé
          900: '#14532d',  // Vert le plus foncé
        },
        warning: {
          50: '#fffbeb',   // Jaune très pâle
          100: '#fef3c7',  // Jaune pâle
          200: '#fde68a',  // Jaune clair
          300: '#fcd34d',  // Jaune moyen
          400: '#fbbf24',  // Jaune
          500: '#f59e0b',  // Jaune principal
          600: '#d97706',  // Jaune foncé
          700: '#b45309',  // Jaune plus foncé
          800: '#92400e',  // Jaune très foncé
          900: '#78350f',  // Jaune le plus foncé
        }
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
    },
  },
  plugins: [],
}