import { defineConfig, presetWind3, transformerDirectives, transformerVariantGroup } from 'unocss';

export default defineConfig({
  content: {
    pipeline: {
      exclude: ['node_modules', 'dist', '.nuxt']
    }
  },
  theme: {
    colors: {
      primary: '#2563eb'
    },
    fontSize: {
      'icon-xs': '0.875rem',
      'icon-small': '1rem',
      icon: '1.125rem',
      'icon-large': '1.5rem',
      'icon-xl': '2rem'
    }
  },
  shortcuts: {
    'flex-center': 'flex justify-center items-center',
    'flex-col-center': 'flex flex-col justify-center items-center',
    // 内容容器最大宽度由区块 config.container_width 通过 --sec-cw 覆盖，未设置时回退 1200px
    'section-container': 'mx-auto max-w-[var(--sec-cw,1200px)] px-16px'
  },
  transformers: [transformerDirectives(), transformerVariantGroup()],
  presets: [presetWind3({ dark: 'class' })]
});