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

export const sportsDynamic: StyleOption = {
    id: 'sports-dynamic',
    name: 'Sports Dynamic',
    category: 'Sports',
    description: 'Energetic and bold design for sports and athletic content. Dynamic typography with high-impact colors.',
    vibe: 'Energetic, Bold, Athletic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rubik:wght@400;500;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Bebas Neue", size: 36, color: "D32F2F", bold: false, align: 'left',
        spacing: { before: 360, after: 200, line: 220 }
      },
      heading2: { 
        font: "Rubik", size: 14, color: "1A1A1A", bold: true, align: 'left',
        spacing: { before: 280, after: 140, line: 240 }
      },
      body: { 
        font: "Rubik", size: 10, color: "333333", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D32F2F"
    },
    previewCss: `
      font-family: 'Rubik', sans-serif;
      h1 { font-family: 'Bebas Neue', sans-serif; font-size: 36pt; color: #D32F2F; margin-bottom: 24px; letter-spacing: 2px; text-transform: uppercase; }
      h2 { font-size: 14pt; font-weight: 700; color: #1A1A1A; margin-top: 28px; margin-bottom: 14px; text-transform: uppercase; }
      p { font-size: 10pt; line-height: 1.6; color: #333333; margin-bottom: 14px; }
      blockquote { background: #FFEBEE; padding: 16px; border-left: 6px solid #D32F2F; margin: 20px 0; font-weight: 500; }
    `
  };
