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

/**
 * UnoCSS 配置 — 与 Element Plus 协作
 * Element Plus 提供组件库，UnoCSS 提供工具类（仅作辅助）
 */
export default defineConfig({
  presets: [
    presetUno(),
    presetAttributify(),
    presetIcons({
      scale: 1.2,
      cdn: 'https://cdn.jsdelivr.net/npm/@iconify-json/carbon-icons'
    })
  ],
  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'
  },
  safelist: ['i-carbon-sun', 'i-carbon-moon']
})