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

export const midCenturyModern: StyleOption = {
    id: 'mid-century-modern',
    name: 'Mid-Century Modern',
    category: 'Retro',
    description: 'Optimistic and playful design from the 1950s-60s. Features geometric sans-serifs with personality, vibrant atomic-age colors, and approachable warmth.',
    vibe: 'Playful, Nostalgic, Friendly',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Quicksand", size: 26, color: "2D3E50", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "E8F6F3", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Quicksand", size: 14, color: "E67E22", bold: true, align: 'left',
        spacing: { before: 300, after: 150, line: 240 }
      },
      body: { 
        font: "Quicksand", size: 10, color: "34495E", align: 'left',
        spacing: { before: 0, after: 160, line: 300 } 
      },
      accentColor: "1ABC9C"
    },
    previewCss: `
      font-family: 'Quicksand', sans-serif;
      h1 { font-size: 26pt; font-weight: 700; color: #2D3E50; background: #E8F6F3; padding: 16px 20px; border-radius: 4px; margin-bottom: 24px; }
      h2 { font-size: 14pt; font-weight: 700; color: #E67E22; margin-top: 30px; margin-bottom: 14px; }
      p { font-size: 10pt; line-height: 1.7; color: #34495E; margin-bottom: 14px; }
      blockquote { background: #FEF5E7; padding: 16px; border-radius: 8px; border-left: 4px solid #E67E22; margin: 20px 0; }
    `
  };
