/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      // 自定义颜色（品牌色、功能色）
      // colors: {
      //   primary: {
      //     // 主色调（比如后台常用的蓝色）
      //     50: "#f0f9ff",
      //     100: "#e0f2fe",
      //     500: "#0ea5e9", // 常用主色
      //     600: "#0284c7", // 加深主色
      //   },
      //   secondary: {
      //     // 辅助色（比如橙色）
      //     500: "#f97316",
      //   },
      //   neutral: {
      //     // 中性色（背景、文本）
      //     100: "#f8fafc",
      //     200: "#e2e8f0",
      //     700: "#334155",
      //     900: "#0f172a",
      //   },
      // },
      // // 自定义间距（按 8px 基准，后台常用）
      // spacing: {
      //   1: "4px",
      //   2: "8px",
      //   3: "12px",
      //   4: "16px",
      //   5: "20px",
      //   6: "24px",
      //   // ... 更多间距
      // },
      // // 自定义字体（后台常用无衬线字体）
      // fontFamily: {
      //   sans: ["Inter", "system-ui", "sans-serif"],
      // },
      // // 自定义边框圆角
      // borderRadius: {
      //   sm: "4px",
      //   md: "6px",
      //   lg: "8px",
      // },
    },
  },
  plugins: [
    // require('tailwindcss-animate'), // 额外动画插件
  ],
  corePlugins: {
    preflight: false,
  },
};