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

/**
 * UnoCSS 配置：仅使用 presetUno（类 Tailwind 原子类），
 * 颜色值统一走 TDesign 的 CSS 变量，自动适配暗黑/浅色主题。
 */
export default defineConfig({
  presets: [presetUno()],
  transformers: [transformerDirectives()],
  shortcuts: {
    // 工具页面通用容器
    'page-wrap': 'mx-auto w-full max-w-5xl',
    // 表单行：标签 + 控件 的通用栅格（响应式）
    'form-row': 'flex flex-col gap-2 md:flex-row md:items-center md:gap-4',
    // 结果代码块
    'code-block': 'rounded-md bg-[var(--td-bg-color-secondarycontainer)] p-3 font-mono text-13px break-all whitespace-pre-wrap',
  },
})