import type { Config } from 'tailwindcss'
import preset from '@lynx-js/tailwind-preset'

const config: Config = {
  content: ['./src/**/*.{vue,js,ts}'],
  presets: [preset],
  theme: {
    extend: {
      colors: {
        background: '#0a0a0b',
        foreground: '#fafafa',
        muted: {
          DEFAULT: '#a1a1aa',
          foreground: '#71717a',
        },
        card: {
          DEFAULT: '#18181b',
          foreground: '#fafafa',
        },
        border: '#27272a',
        primary: {
          DEFAULT: '#3b82f6',
          foreground: '#ffffff',
        },
        destructive: '#f87171',
        success: '#34d399',
      },
    },
  },
}

export default config