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

export const steampunkInventor: StyleOption = {
    id: 'steampunk-inventor',
    name: 'Steampunk Inventor',
    category: 'Fantasy',
    description: 'Brass and gear aesthetic. Victorian fonts with industrial metallic colors.',
    vibe: 'Mechanical, Brass, Victorian',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Rye&family=Lora:wght@400;700&display=swap',
    
    wordConfig: {
      heading1: { 
        font: "Rye", size: 30, color: "5D4037", bold: false, align: 'left',
        spacing: { before: 400, after: 240, line: 240 },
        border: { bottom: { color: "B8860B", space: 8, style: "single", size: 24 } }
      },
      heading2: { 
        font: "Lora", size: 16, color: "8D6E63", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Lora", size: 11, color: "3E2723", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "B8860B"
    },

    previewCss: `
      font-family: 'Lora', serif;
      background: #EFEBE9;
      h1 { font-family: 'Rye', serif; font-size: 30pt; color: #5D4037; border-bottom: 6px double #B8860B; padding-bottom: 12px; margin-bottom: 24px; }
      h2 { font-size: 16pt; font-weight: 700; color: #8D6E63; margin-top: 30px; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 1px; }
      p { font-size: 11pt; line-height: 1.6; color: #3E2723; margin-bottom: 14px; }
      blockquote { background: #D7CCC8; padding: 16px; border: 2px solid #5D4037; border-radius: 4px; margin: 24px 0; }
    `
  };
