import { defineConfig, presetUno, presetAttributify } from 'unocss'

/**
 * UnoCSS 配置 — 与 Element Plus 协作
 * Element Plus 提供组件库（含丰富图标 @element-plus/icons-vue）
 * UnoCSS 仅提供工具类辅助，不使用 preset-icons 避免 CDN 拉取失败
 */
export default defineConfig({
  presets: [presetUno(), presetAttributify()],
  theme: {
    colors: {
      brand: {
        50: '#EFF6FF',
        100: '#DBEAFE',
        200: '#BFDBFE',
        300: '#93C5FD',
        400: '#60A5FA',
        500: '#3B82F6',
        600: '#1E40AF',
        700: '#1E3A8A',
        800: '#1E3A8A',
        900: '#172554'
      }
    }
  },
  shortcuts: {
    'flex-center': 'flex items-center justify-center',
    'flex-between': 'flex items-center justify-between'
  }
})