/** @type {import('tailwindcss').Config} */
export default {
  // 扫描模板文件，确保 Tailwind 能正确生成所需的原子类
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        // 自定义暖色系调色板
        coral: '#ff7e5f', // 珊瑚橙
        warmApricot: '#feb47b', // 暖杏色
        warmOffwhite: '#fffaf8', // 温暖米白
      },
      backgroundImage: {
        // 核心渐变：珊瑚橙到暖杏色
        'gradient-warm': 'linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%)',
        // 辅助柔和渐变
        'gradient-soft': 'linear-gradient(135deg, #FFF1EB 0%, #ACE0F9 100%)',
      },
      fontFamily: {
        // 全局无衬线字体栈
        sans: [
          'Nunito',
          'Noto Sans SC',
          'system-ui',
          '-apple-system',
          'BlinkMacSystemFont',
          'Segoe UI',
          'sans-serif',
        ],
      },
      keyframes: {
        // 轻微上浮的淡入动画
        'fade-in': {
          '0%': { opacity: '0', transform: 'translateY(8px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
      animation: {
        'fade-in': 'fade-in 0.3s ease-out both',
      },
    },
  },
  plugins: [],
}