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

export default defineConfig({
  presets: [
    presetUno(),
    presetIcons(),
  ],
  transformers: [
    transformerVariantGroup(),
  ],
  shortcuts: {
    'content-dblslash': [
      { content: '"//"' },
    ],
  },
  theme: {
    colors: {
      'bg': 'var(--bg)',
      'text-accent': 'var(--text-accent)',
      'text-primary': 'var(--text-primary)',
      'text-secondary': 'var(--text-secondary)',
      'text-disabled': 'var(--text-disabled)',
      'control-bg': 'var(--control-bg)',
      'control-bg-hover': 'var(--control-bg-hover)',
      'control-bg-hover-alt': 'var(--control-bg-hover-alt)',
      'control-bg-active': 'var(--control-bg-active)',
      'control-bg-disabled': 'var(--control-bg-disabled)',
      'control-outline': 'var(--control-outline)',
    },
    fontSize: {
      '2xs': ['10px', '12px'],
      'xs': ['12px', '14px'],
      'sm': ['14px', '16px'],
      'md': ['16px', '20px'],
    },
    borderRadius: {
      md: '4px',
    },
  },
})