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

export const brickToy: StyleOption = {
    id: 'brick-toy',
    name: 'Brick Toy',
    category: 'Playful',
    description: 'Plastic building block aesthetic. Primary red, blue, and yellow with chunky text.',
    vibe: 'Playful, Primary, Chunky',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Titan+One&family=Nunito:wght@400;800&display=swap',
    wordConfig: {
      heading1: { 
        font: "Titan One", size: 36, color: "D32F2F", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "FFEB3B", color: "auto", style: "clear" } // Yellow background
      },
      heading2: { 
        font: "Nunito", size: 18, color: "FFFFFF", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "1976D2", color: "auto", style: "clear" } // Blue background
      },
      body: { 
        font: "Nunito", size: 12, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D32F2F"
    },
    previewCss: `
      font-family: 'Nunito', sans-serif;
      h1 { font-family: 'Titan One', cursive; font-size: 36pt; color: #D32F2F; background: #FFEB3B; padding: 16px; border-radius: 8px; text-align: center; margin-bottom: 24px; border: 4px solid #D32F2F; }
      h2 { font-size: 18pt; font-weight: 800; color: #FFFFFF; background: #1976D2; padding: 8px 16px; border-radius: 4px; display: inline-block; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 12pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
      blockquote { border: 4px dotted #D32F2F; padding: 16px; margin: 24px 0; background: #E3F2FD; }
    `
  };
