/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './app/**/*.{js,jsx,ts,tsx}',
    './components/**/*.{js,jsx,ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        bg: '#0a0a0a',
        surface: '#141414',
        surface2: '#1c1c1c',
        border: '#2a2a2a',
        accent: '#10b981',
        accent2: '#34d399',
        ink: '#e5e7eb',
        mute: '#9ca3af',
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        serif: ['"Source Serif Pro"', 'Georgia', 'serif'],
      },
      typography: ({ theme }) => ({
        DEFAULT: {
          css: {
            '--tw-prose-body': theme('colors.ink'),
            '--tw-prose-headings': '#ffffff',
            '--tw-prose-links': theme('colors.accent2'),
            '--tw-prose-bold': '#ffffff',
            '--tw-prose-quotes': theme('colors.mute'),
            '--tw-prose-quote-borders': theme('colors.accent'),
            '--tw-prose-code': theme('colors.accent2'),
            '--tw-prose-pre-bg': theme('colors.surface2'),
            '--tw-prose-pre-code': theme('colors.ink'),
            '--tw-prose-bullets': theme('colors.mute'),
            '--tw-prose-counters': theme('colors.mute'),
            '--tw-prose-hr': theme('colors.border'),
          },
        },
      }),
    },
  },
  plugins: [require('@tailwindcss/typography')],
};