export default defineAppConfig({
  ui: {
    primary: 'blue',
    gray: 'neutral',

    // Configure prose components
    content: {
      prose: {
        // Base prose styling
        prose: {
          base: {
            fontFamily: "'Crimson Text', Georgia, serif",
            fontSize: '1.125rem',
            lineHeight: '1.75',
            maxWidth: 'none',
          }
        },
        // Paragraph styling
        p: {
          base: 'font-serif text-lg leading-relaxed mt-5 mb-5',
        },
        // Heading styles
        h1: {
          base: 'font-serif font-bold text-4xl mt-8 mb-4',
        },
        h2: {
          base: 'font-serif font-semibold text-3xl mt-8 mb-4',
        },
        h3: {
          base: 'font-serif font-semibold text-2xl mt-6 mb-3',
        },
        h4: {
          base: 'font-serif font-semibold text-xl mt-6 mb-3',
        },
        // List styling
        ul: {
          base: 'list-disc pl-6 my-5 space-y-2',
        },
        ol: {
          base: 'list-decimal pl-6 my-5 space-y-2',
        },
        li: {
          base: 'font-serif text-lg leading-relaxed',
        },
        // Link styling
        a: {
          base: 'text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300',
        },
        // Blockquote styling
        blockquote: {
          base: 'border-l-4 border-gray-300 dark:border-gray-700 pl-4 my-5 italic font-serif',
        },
        // Code styling
        code: {
          inline: {
            base: 'bg-gray-100 dark:bg-gray-800 px-1 py-0.5 rounded text-sm font-mono',
          },
          block: {
            base: 'bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto my-5',
          }
        },
      }
    }
  }
})
