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

export default defineConfig({
  shortcuts: [
    ['surface', 'bg-white dark:bg-[#1f1f1f]'],
    ['surface-muted', 'bg-gray-50 dark:bg-[#262626]'],
    ['border-base', 'border-gray-200 dark:border-[color:var(--admin-border)]'],
    ['text-muted', 'text-gray-600 dark:text-gray-400'],
  ],
  theme: {
    colors: {
      // ...
      primary: '#0A1B37'
    }
  },
  presets: [
    presetUno({
      dark: {
        dark: 'html.is-dark',
        light: 'html:not(.is-dark)',
      },
    }),
    presetAttributify(),
    presetIcons(),
    presetTypography(),
    presetWebFonts({
      fonts: {
        // ...
      }
    })
  ],
  transformers: [transformerDirectives(), transformerVariantGroup()]
})