/** @type {import('tailwindcss').Config} */
const config = {
  theme: {
    extend: {
      colors: {
        // ... existing colors ...
        'fd-var': {
          bg: 'var(--fd-bg-primary)',
          'bg-alt': 'var(--fd-bg-secondary)',
          card: 'var(--fd-bg-card)',
          text: 'var(--fd-text-primary)',
          'text-2': 'var(--fd-text-secondary)',
          muted: 'var(--fd-text-muted)',
          border: 'var(--fd-border)',
        },
      },
      typography: () => ({
        DEFAULT: {
          css: [
            {
              '--tw-prose-body': 'var(--text)',
              '--tw-prose-headings': 'var(--text)',
              h1: {
                fontWeight: 'normal',
                marginBottom: '0.25em',
              },
            },
          ],
        },
        base: {
          css: [
            {
              h1: {
                fontSize: '2.5rem',
              },
              h2: {
                fontSize: '1.25rem',
                fontWeight: 600,
              },
            },
          ],
        },
        md: {
          css: [
            {
              h1: {
                fontSize: '3.5rem',
              },
              h2: {
                fontSize: '1.5rem',
              },
            },
          ],
        },
      }),
    },
  },
}


export default config