/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // design tokens — 暖橙/奶油色+绿色小草
        brand: {
          orange: '#F97316',
          'orange-light': '#FED7AA',
          cream: '#FEFCE8',
          'cream-dark': '#FEF9C3',
          green: '#22C55E',
          'green-light': '#DCFCE7',
          'green-dark': '#16A34A',
        },
        surface: {
          primary: '#FFFFFF',
          secondary: '#F9FAFB',
          tertiary: '#F3F4F6',
        },
        text: {
          primary: '#111827',
          secondary: '#6B7280',
          tertiary: '#9CA3AF',
        },
        border: {
          default: '#E5E7EB',
          focus: '#F97316',
        },
        status: {
          error: '#EF4444',
          warning: '#F59E0B',
          success: '#22C55E',
          info: '#3B82F6',
        },
      },
      spacing: {
        // token 化间距
        '18': '4.5rem',
        '22': '5.5rem',
      },
      minWidth: {
        '320': '1280px',
      },
      keyframes: {
        shimmer: {
          '0%': { backgroundPosition: '200% 0' },
          '100%': { backgroundPosition: '-200% 0' },
        },
      },
      animation: {
        shimmer: 'shimmer 1.5s infinite linear',
      },
    },
  },
  plugins: [],
};