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

export const startupSaas: StyleOption = {
    id: 'startup-saas',
    name: 'Startup SaaS',
    category: 'Tech',
    description: 'Modern SaaS product design language. Clean, conversion-focused with trustworthy tech aesthetics.',
    vibe: 'Modern, Trustworthy, Product',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Inter", size: 32, color: "111827", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Inter", size: 18, color: "4F46E5", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Inter", size: 10, color: "6B7280", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "4F46E5"
    },
    previewCss: `
      font-family: 'Inter', sans-serif;
      h1 { font-size: 32pt; font-weight: 700; color: #111827; margin-bottom: 24px; letter-spacing: -0.5px; }
      h2 { font-size: 18pt; font-weight: 600; color: #4F46E5; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 10pt; line-height: 1.6; color: #6B7280; margin-bottom: 14px; }
      blockquote { background: #EEF2FF; padding: 16px; border-radius: 8px; border-left: 4px solid #4F46E5; margin: 20px 0; }
    `
  };
