/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        ink: {
          DEFAULT: '#1C3738',
          light: '#2A4F50',
          dark: '#0F1F20',
        },
        vermilion: {
          DEFAULT: '#B8472E',
          light: '#D46A4F',
          dark: '#8B3522',
        },
        gold: {
          DEFAULT: '#C4934A',
          light: '#D4AD6E',
          dark: '#A67736',
        },
        paper: {
          DEFAULT: '#F5F0E8',
          dark: '#EBE4D8',
        },
        warm: {
          gray: '#7B7568',
          border: '#E5DFD3',
        },
        sage: '#4A6741',
        amber: '#C68B3C',
      },
      fontFamily: {
        display: ['"ZCOOL XiaoWei"', 'STSong', 'Songti SC', '宋体', 'serif'],
        body: ['"Noto Serif SC"', 'STSong', 'Songti SC', '宋体', 'serif'],
        mono: ['"JetBrains Mono"', '"SF Mono"', 'Consolas', 'monospace'],
      },
      borderRadius: {
        'magazine': '2px 12px 2px 12px',
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}