import type { Config } from 'tailwindcss'

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        page: '#F6F7F6',
        subtle: '#EEF1F1',
        card: '#FFFFFF',
        soft: '#DDE2E4',
        'text-primary': '#141617',
        'text-secondary': '#59636A',
        'text-muted': '#8A9298',
        graphite: '#24282B',
        champagne: '#A9977D',
      },
      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