import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetTypography,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  transformerVariantGroup
} from 'unocss'

export default defineConfig({
  shortcuts: [
    ['surface', 'bg-[color:var(--admin-bg-elevated)]'],
    ['surface-muted', 'bg-[color:var(--admin-bg-muted)]'],
    // رنگ + ضخامت — فقط color کافی نیست و در دارک/لایت کادر دیده نمی‌شود
    ['border-base', 'border border-solid border-[color:var(--admin-border-strong)]'],
    ['text-muted', 'text-[color:var(--admin-text-secondary)]'],
  ],
  theme: {
    colors: {
      // ...
      primary: '#0A1B37'
    }
  },
  presets: [
    presetUno({
      dark: {
        dark: 'html.is-dark',
        light: 'html:not(.is-dark)',
      },
    }),
    presetAttributify(),
    presetIcons(),
    presetTypography(),
    presetWebFonts({
      fonts: {
        // ...
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})