/** @type {import('tailwindcss').Config} */
const { heroui } = require("@heroui/react");

module.exports = {
  // 最小化扫描范围 - 只包含绝对必要的文件
  content: [
    "./src/views/AgentChat/**/*.{js,jsx}",  // 只扫描 AgentChat（使用 Hero UI 的页面）
    "./src/index.js",                        // 入口文件
    "./public/index.html",                   // HTML 模板
  ],

  darkMode: "class",

  theme: {
    extend: {
      // Brainwave 自定义颜色
      colors: {
        n: {
          1: "#FFFFFF",
          2: "#CAC6DD",
          3: "#ADA8C3",
          4: "#757185",
          5: "#3F3A52",
          6: "#252134",
          7: "#15131D",
          8: "#0E0C15",
        },
        color: {
          1: "#AC6AFF",
          2: "#FFC876",
          3: "#FF776F",
          4: "#7ADB78",
          5: "#858DFF",
          6: "#FF98E2",
        },
        stroke: {
          1: "#26242C",
        },
      },
    },
  },

  plugins: [heroui()],

  // 预加载所有可能用到的 Hero UI 类名
  safelist: [
    // 布局
    'flex', 'flex-1', 'flex-col', 'grid', 'overflow-hidden',
    // 渐变
    'bg-gradient-to-br', 'from-blue-500', 'to-purple-500',
    'from-gray-900', 'to-gray-800', 'via-slate-900',
    // 毛玻璃
    'backdrop-blur-xl', 'bg-white/80', 'bg-gray-900/95', 'bg-gray-800/80',
    // 边框
    'border-gray-200', 'border-gray-700', 'border-gray-800',
    // 文字颜色
    'text-gray-100', 'text-gray-300', 'text-gray-400',
    // 背景颜色
    'bg-gray-800', 'bg-gray-900', 'bg-blue-500',
    // 悬停状态
    'hover:bg-gray-700', 'hover:border-blue-500',
  ],
}