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

export const atompunk50s: StyleOption = {
    id: 'atompunk-50s',
    name: 'Atompunk 50s',
    category: 'Retro',
    description: 'Optimistic nuclear age. Starburst motifs and playful, bouncy sans-serifs.',
    vibe: 'Retro, Future, Pastel',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Lobster&family=Josefin+Sans:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Lobster", size: 36, color: "00BCD4", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "FCE4EC", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Josefin Sans", size: 18, color: "E91E63", bold: true, align: 'center',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Josefin Sans", size: 12, color: "37474F", align: 'center',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "00BCD4"
    },
    previewCss: `
      font-family: 'Josefin Sans', sans-serif;
      h1 { font-family: 'Lobster', cursive; font-size: 36pt; color: #00BCD4; background: #FCE4EC; padding: 20px; border-radius: 50% 10% 50% 10%; margin-bottom: 24px; text-align: center; }
      h2 { font-size: 18pt; font-weight: 700; color: #E91E63; text-align: center; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 12pt; line-height: 1.6; color: #37474F; margin-bottom: 14px; text-align: center; }
      blockquote { border: 2px dashed #00BCD4; padding: 16px; margin: 24px 0; background: #E0F7FA; border-radius: 16px; }
    `
  };
