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

export const retro80s: StyleOption = {
    id: 'retro-80s',
    name: 'Retro 80s',
    category: 'Retro',
    description: 'Nostalgic 1980s aesthetic with bold colors and geometric shapes. Perfect for synthwave and retro-themed content.',
    vibe: 'Retro, Vibrant, Nostalgic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Bungee&family=VT323&family=Rubik:wght@400;500&display=swap',
    wordConfig: {
      heading1: { 
        font: "Bungee", size: 28, color: "FF1493", bold: false, align: 'center',
        spacing: { before: 400, after: 240, line: 240 },
        shading: { fill: "1A1A2E", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "VT323", size: 20, color: "00CED1", bold: false, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Rubik", size: 10, color: "E8E8E8", align: 'left',
        spacing: { before: 0, after: 160, line: 280 },
        shading: { fill: "16213E", color: "auto", style: "clear" }
      },
      accentColor: "FF1493"
    },
    previewCss: `
      font-family: 'Rubik', sans-serif;
      background: #16213E;
      h1 { font-family: 'Bungee', cursive; font-size: 28pt; color: #FF1493; text-align: center; background: #1A1A2E; padding: 20px; margin-bottom: 28px; }
      h2 { font-family: 'VT323', monospace; font-size: 20pt; color: #00CED1; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 10pt; line-height: 1.6; color: #E8E8E8; margin-bottom: 14px; }
      blockquote { background: #0F3460; padding: 16px; border-left: 4px solid #FF1493; margin: 20px 0; }
    `
  };
