/** @type {import('tailwindcss').Config} */
const config = {
  theme: {
    extend: {
      fontFamily: {
        sans: ['var(--font-geist-sans)'],
        mono: ['var(--font-geist-mono)'],
      },
      fontSize: {
        // Define your scale here
        'h1-base': ['2.5rem', { lineHeight: '1.2' }],
        'h1-md': ['3.5rem', { lineHeight: '1.1' }],
        'h2-base': ['1.25rem', { lineHeight: '1.3', fontWeight: '600' }],
        'h2-md': ['1.5rem', { lineHeight: '1.2', fontWeight: '600' }],
      },
      // Keep your typography plugin config separate
      typography: {
        DEFAULT: {
          css: {
            '--tw-prose-body': 'var(--foreground)',
            '--tw-prose-headings': 'var(--foreground)',
          },
        },
      },
    },
  },
}

export default config