/** @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: {
      fontFamily: {
        sans: [
          'var(--font-noto-sans-sc)',
          'var(--font-geist-sans)',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          '"Helvetica Neue"',
          'Arial',
          'sans-serif',
        ],
        serif: [
          'var(--font-noto-serif-sc)',
          'var(--font-noto-sans-sc)',
          '"Noto Serif SC"',
          '"Source Han Serif SC"',
          '"STSongti-SC"',
          'serif',
        ],
        mono: ['var(--font-geist-mono)', 'monospace'],
        chinese: ['var(--font-noto-sans-sc)', 'sans-serif'],
        calligraphy: [
          'var(--font-ma-shan-zheng)',
          "'ZCOOL XiaoWei'",
          "'STKaiti'",
          "'KaiTi'",
          'serif',
        ],
      },
      colors: {
        primary: {
          DEFAULT: '#1A1A1A',
          hover: '#0D0D0D',
          light: '#3D3D3D',
          lighter: '#F5F4F0',
          rgb: '26, 26, 26',
        },
        brand: {
          primary: '#C41E3A',
          hover: '#A01830',
          light: '#E04A68',
          'primary-bg': '#FEF2F4',
        },
        bg: {
          primary: '#FAFAF7',
          secondary: '#F5F4F0',
          tertiary: '#E8E6E0',
          section: '#F2F1EC',
          hover: '#EDECE7',
        },
        text: {
          primary: '#1A1A1A',
          secondary: '#3A3835',
          tertiary: '#4A4742',
          muted: '#6B6560',
          subtle: '#9C978F',
          placeholder: '#7A756D',
          hint: '#A09A92',
        },
        border: {
          primary: '#E0DDD6',
          secondary: '#D4D0C8',
          accent: '#1A1A1A',
          light: '#EDEBE5',
          dark: '#3A3835',
        },
        ink: {
          wash: 'rgba(26, 26, 26, 0.04)',
          medium: 'rgba(26, 26, 26, 0.08)',
          dark: 'rgba(26, 26, 26, 0.15)',
        },
        link: {
          DEFAULT: '#1A1A1A',
          hover: '#C41E3A',
        },
        success: {
          DEFAULT: '#16A34A',
          hover: '#15803D',
          bg: '#F0DF4',
        },
        warning: {
          DEFAULT: '#D97706',
          hover: '#B45309',
          bg: '#FFFBEB',
        },
      },
      spacing: {
        '18': '4.5rem',
        '88': '22rem',
        '128': '32rem',
      },
      borderRadius: {
        '4xl': '2rem',
        '5xl': '2.5rem',
      },
      animation: {
        'fade-in': 'fadeIn 0.5s ease-in-out',
        'slide-up': 'slideUp 0.5s ease-out',
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0' },
          '100%': { opacity: '1' },
        },
        slideUp: {
          '0%': { transform: 'translateY(10px)', opacity: '0' },
          '100%': { transform: 'translateY(0)', opacity: '1' },
        },
      },
    },
  },
  plugins: [],
};