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

export default defineConfig({
  presets: [presetUno()],
  transformers: [transformerDirectives(), transformerVariantGroup()],
  theme: {
    colors: {
      primary: 'var(--color-primary)',
      'primary-hover': 'var(--color-primary-hover)',
      'primary-soft': 'var(--color-primary-soft)',
      surface: 'var(--color-surface)',
      elevated: 'var(--color-elevated)',
      bg: 'var(--color-bg)',
      border: 'var(--color-border)',
      text: 'var(--color-text)',
      muted: 'var(--color-text-muted)',
      success: 'var(--color-success)',
      danger: 'var(--color-danger)',
      warning: 'var(--color-warning)',
    },
  },
  shortcuts: {
    'page-shell': 'flex flex-1 flex-col min-h-0 overflow-hidden',
    'card-surface': 'bg-elevated border border-border rounded-xl p-4 text-text',
    'btn-block': 'w-full',
    'auth-header': 'text-center mb-8',
  },
})