import type { Config } from 'tailwindcss'

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        page: '#F7F6F3',
        subtle: '#F1F0EC',
        card: '#FFFFFF',
        soft: '#E3E0D8',
        'text-primary': '#171717',
        'text-secondary': '#5F5B55',
        'text-muted': '#8A847C',
        graphite: '#2C2A28',
        champagne: '#B7A690',
      },
      fontFamily: {
        sans: [
          'Inter',
          'PingFang SC',
          'Noto Sans SC',
          'system-ui',
          'sans-serif',
        ],
      },
      maxWidth: {
        content: '1280px',
        page: '1440px',
        reading: '680px',
      },
      spacing: {
        section: '96px',
        'section-mobile': '64px',
      },
    },
  },
  plugins: [],
}

export default config