module.exports = {
  content: [
    "./index.html",
    "./index.ts",
    "./components/**/*.{vue,ts}"
  ],
  theme: {
    extend: {
      colors: {
        'mosquito-bg': '#f5f5f5',
        'mosquito-surface': '#ffffff',
        'mosquito-primary': '#1890ff',
        'mosquito-success': '#52c41a',
        'mosquito-warning': '#faad14',
        'mosquito-error': '#f5222d',
        'mosquito-line': '#e8e8e8',
        'mosquito-accent': '#1890ff',
        'mosquito-accent2': '#36cfc9',
        'mosquito-ink': '#333333',
        'mosquito-brand': '#1890ff',
      },
      borderColor: {
        'mosquito-line': '#e8e8e8',
        'mosquito-accent': '#1890ff',
        'mosquito-accent2': '#36cfc9',
      },
      boxShadow: {
        'soft': '0 2px 8px rgba(0, 0, 0, 0.08)',
      }
    }
  },
  plugins: []
}