import { StyleOption } from '../../../types';

export const techDocumentation: StyleOption = {
    id: 'tech-documentation',
    name: 'Tech Documentation',
    category: 'Technical',
    description: 'Clean and functional design for technical documentation. Optimized for code samples and clear instruction.',
    vibe: 'Technical, Clear, Functional',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap',
    wordConfig: {
      heading1: { 
        font: "IBM Plex Sans", size: 24, color: "161616", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "IBM Plex Sans", size: 16, color: "161616", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "IBM Plex Sans", size: 10, color: "525252", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "0F62FE"
    },
    previewCss: `
      font-family: 'IBM Plex Sans', sans-serif;
      h1 { font-size: 24pt; font-weight: 600; color: #161616; margin-bottom: 24px; }
      h2 { font-size: 16pt; font-weight: 600; color: #161616; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 10pt; line-height: 1.6; color: #525252; margin-bottom: 14px; }
      blockquote { font-family: 'IBM Plex Mono', monospace; background: #F4F4F4; padding: 16px; margin: 20px 0; font-size: 9pt; border-left: 4px solid #0F62FE; }
    `
  };
