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

export const kindergartenArt: StyleOption = {
    id: 'kindergarten-art',
    name: 'Kindergarten Art',
    category: 'Playful',
    description: 'Child-like crayon aesthetic. Primary colors, rounded fonts, and large friendly text.',
    vibe: 'Childish, Fun, Primary',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Chewy&family=Balsamiq+Sans:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Chewy", size: 40, color: "2962FF", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Balsamiq Sans", size: 18, color: "D50000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Balsamiq Sans", size: 14, color: "111111", align: 'left',
        spacing: { before: 0, after: 160, line: 320 } 
      },
      accentColor: "FFD600"
    },
    previewCss: `
      font-family: 'Balsamiq Sans', cursive;
      h1 { font-family: 'Chewy', cursive; font-size: 40pt; color: #2962FF; text-align: center; margin-bottom: 24px; transform: rotate(-2deg); }
      h2 { font-size: 18pt; font-weight: 700; color: #D50000; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 14pt; line-height: 1.6; color: #111111; margin-bottom: 14px; }
      blockquote { border: 4px dashed #FFD600; padding: 20px; margin: 24px 0; border-radius: 20px; background: #FFFDE7; }
    `
  };
