import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}', // 扫描所有 Vue/TS/JS 文件，保证类名能被提取
  ],
  theme: {
    extend: {
      colors: {
        // 让 Tailwind 能直接用 Arco Design 的主题变量
        primary: 'var(--color-primary)',
        success: 'var(--color-success)',
        warning: 'var(--color-warning)',
        danger: 'var(--color-danger)',
      },
      borderRadius: {
        // 覆盖 Tailwind 的圆角，用 Arco token
        lg: 'var(--border-radius-medium)',
        xl: 'var(--border-radius-large)',
      },
      fontSize: {
        // 对齐 Arco Design 的字体大小
        sm: 'var(--font-size-small)',
        base: 'var(--font-size-body-3)',
        lg: 'var(--font-size-title-2)',
      },
    },
  },
  darkMode: 'class', // 跟 Arco 的暗黑模式配合
  plugins: [],
};

export default config;