/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}", // به Tailwind می‌گوید کجا دنبال کلاس‌ها بگردد
  ],
  darkMode: 'class', // برای فعال کردن حالت تاریک با کلاس CSS
  theme: {
    extend: {
      // اینجا می‌توانید انیمیشن‌ها و رنگ‌های سفارشی اضافه کنید اگر لازم شد
      // فعلاً برای سادگی خالی می‌گذاریم، چون انیمیشن‌ها باید از کلاس‌های Tailwind بیایند
    },
  },
  plugins: [],
  // این لیست مهم است تا Tailwind کلاس‌های رنگی لوگو را حذف نکند
  safelist: [
    'bg-blue-200', 'dark:bg-blue-700',
    'bg-blue-300', 'dark:bg-blue-600',
    'bg-blue-400', 'dark:bg-blue-500',
    'bg-green-200', 'dark:bg-green-700',
    'bg-green-300', 'dark:bg-green-600',
    'bg-green-400', 'dark:bg-green-500',
    'bg-gray-200', 'dark:bg-gray-700',
    'bg-gray-300', 'dark:bg-gray-600',
    'bg-gray-400', 'dark:bg-gray-500',
    'animate-ping',
  ]
}