/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./internal/webassets/templates/**/*.html",
    "./internal/webassets/static/**/*.js",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
  // Safelist colors that are dynamically generated via template functions or JS
  safelist: [
    // Codec badge background colors (dynamically generated via getCodecBadgeColor)
    'bg-amber-500',    // AV1
    'bg-pink-700',     // AV2
    'bg-blue-500',     // VVC
    'bg-blue-600',     // HEVC
    'bg-green-500',    // VP8
    'bg-green-600',    // VP9
    'bg-red-600',      // AVC
    'bg-purple-600',   // MPEG-2
    'bg-orange-600',   // VC-1
    'bg-black',        // ProRes
    'bg-gray-600',     // Default/unknown
    // Codec text colors (dynamically generated via getCodecColor)
    'text-amber-500',  // AV1
    'text-pink-700',   // AV2
    'text-blue-500',   // VVC
    'text-blue-400',   // HEVC
    'text-green-400',  // VP8
    'text-green-500',  // VP9
    'text-red-600',    // AVC
    'text-purple-600', // MPEG-2
    'text-orange-600', // VC-1
    'text-white',      // ProRes
    'text-gray-400',   // Default/unknown
    // Other dynamic colors
    'bg-orange-600',
    'bg-yellow-600',
    'bg-cyan-600',
    'border-purple-500',
    'border-blue-500',
    'border-yellow-500',
    'ring-green-500',
    'ring-purple-500',
    // Opacity for checkmark toggles
    'opacity-0',
    'opacity-100',
    'transition-opacity',
    'duration-200',
  ],
}
