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

export const circusSideshow: StyleOption = {
    id: 'circus-sideshow',
    name: 'Circus Sideshow',
    category: 'Entertainment',
    description: 'Big top aesthetic. Ornamental fonts with red and cream stripe vibes.',
    vibe: 'Fun, Ornamental, Striped',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Rye&family=Sancreek&family=Roboto+Slab&display=swap',
    wordConfig: {
      heading1: { 
        font: "Sancreek", size: 40, color: "D32F2F", bold: false, align: 'center',
        spacing: { before: 400, after: 240, line: 240 }
      },
      heading2: { 
        font: "Rye", size: 18, color: "1A237E", bold: false, align: 'center',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Roboto Slab", size: 11, color: "212121", align: 'center',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D32F2F"
    },
    previewCss: `
      font-family: 'Roboto Slab', serif;
      background: #FFF8E1;
      h1 { font-family: 'Sancreek', cursive; font-size: 40pt; color: #D32F2F; text-align: center; margin-bottom: 24px; text-shadow: 2px 2px 0px #FBC02D; }
      h2 { font-family: 'Rye', serif; font-size: 18pt; color: #1A237E; text-align: center; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; text-align: center; }
      blockquote { border: 4px double #D32F2F; padding: 20px; margin: 24px auto; background: #FFF; border-radius: 16px; font-family: 'Sancreek', cursive; font-size: 14pt; color: #1A237E; text-align: center; max-width: 80%; }
    `
  };
