/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./app.vue",
    "./error.vue"
  ],
  theme: {
    extend: {
      colors: {
        // 使用扁平结构而非嵌套对象
        primary: '#1E40AF',
        secondary: '#F97316', 
        accent: '#059669',
        // 常规颜色也保留
        'blue-50': '#EFF6FF',
        'blue-100': '#DBEAFE',
        'blue-200': '#BFDBFE',
        'blue-300': '#93C5FD',
        'blue-400': '#60A5FA',
        'blue-500': '#3B82F6',
        'blue-600': '#2563EB',
        'blue-700': '#1D4ED8',
        'blue-800': '#1E40AF',
        'blue-900': '#1E3A8A',
        'orange-50': '#FFF7ED',
        'orange-100': '#FFEDD5',
        'orange-500': '#F97316',
        'orange-600': '#EA580C',
        'orange-700': '#C2410C',
      },
      fontFamily: {
        sans: ['Inter', 'Noto Sans SC', 'Roboto', 'sans-serif'],
      },
      boxShadow: {
        'nav': '0 4px 12px rgba(0, 0, 0, 0.08)',
      },
    },
  },
  plugins: [],
}