/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './index.html',
    './src/**/*.{vue,js,ts,jsx,tsx}'
  ],
  theme: {
    extend: {
      colors: {
        primary: '#2563eb',
        'primary-dark': '#1d4ed8',
        'primary-light': '#eff6ff',
        success: '#10b981',
        'success-dark': '#059669',
        'success-light': '#ecfdf5',
        warning: '#f59e0b',
        'warning-dark': '#d97706',
        'warning-light': '#fff7ed',
        danger: '#ef4444',
        'danger-dark': '#dc2626',
        'danger-light': '#fef2f2',
        background: '#f5f5f5',
        surface: '#f3f4f6',
        'text-primary': '#1f2937',
        'text-secondary': '#6b7280',
        'text-tertiary': '#9ca3af',
        'border-color': '#e5e7eb',
        'card-bg': '#ffffff'
      },
      maxWidth: {
        app: '430px'
      },
      borderRadius: {
        card: '12px',
        button: '8px',
        tag: '4px',
        pill: '20px'
      },
      boxShadow: {
        card: '0 1px 3px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.04)',
        nav: '0 -2px 10px rgba(0, 0, 0, 0.06)'
      }
    }
  },
  plugins: [],
  corePlugins: {
    preflight: false
  }
}