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

export const techMemo: StyleOption = {
  id: 'tech-memo',
  name: 'Tech Memorandum',
  category: 'Corporate',
  description: 'Modern, functional, and authoritative. Uses shading for headers to create distinct sections.',
  vibe: 'Corporate, Tech, Strategy',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap',
  wordConfig: {
    heading1: { 
      font: "Roboto", size: 24, color: "0F172A", bold: true, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      shading: { fill: "F1F5F9", color: "auto", style: "clear" }, 
      border: { left: { color: "2563EB", space: 10, style: "single", size: 48 } }
    },
    heading2: { 
      font: "Roboto", size: 14, color: "2563EB", bold: true, align: 'left',
      spacing: { before: 300, after: 150, line: 240 }
    },
    body: { 
      font: "Roboto", size: 10, color: "334155", align: 'left',
      spacing: { before: 0, after: 160, line: 280 } 
    },
    accentColor: "2563EB"
  },
  previewCss: `
    font-family: 'Roboto', sans-serif;
    h1 { font-size: 24pt; font-weight: 700; background: #F1F5F9; color: #0F172A; padding: 12px 16px; border-left: 8px solid #2563EB; margin-bottom: 20px; }
    h2 { font-size: 14pt; font-weight: 700; color: #2563EB; margin-top: 30px; margin-bottom: 12px; }
    p { font-size: 10pt; line-height: 1.6; color: #334155; margin-bottom: 14px; }
    blockquote { background: #EFF6FF; padding: 16px; border-radius: 4px; color: #1E40AF; border-left: 4px solid #2563EB; margin: 20px 0; }
  `
};
