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