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

export const neonNoir: StyleOption = {
    id: 'neon-noir',
    name: 'Neon Noir',
    category: 'Futuristic',
    description: 'High-tech noir aesthetic. Ultra-thin, futuristic typography with glowing neon accents.',
    vibe: 'Futuristic, Thin, Neon',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Megrim&family=Gruppo&display=swap',
    wordConfig: {
      heading1: { 
        font: "Megrim", size: 36, color: "D500F9", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "121212", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Gruppo", size: 18, color: "00E5FF", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Gruppo", size: 12, color: "E0E0E0", align: 'left',
        spacing: { before: 0, after: 160, line: 300 },
        shading: { fill: "1C1C1C", color: "auto", style: "clear" }
      },
      accentColor: "D500F9"
    },
    previewCss: `
      font-family: 'Gruppo', sans-serif;
      background: #121212;
      h1 { font-family: 'Megrim', cursive; font-size: 36pt; font-weight: 700; color: #D500F9; background: #121212; margin-bottom: 24px; }
      h2 { font-size: 18pt; font-weight: 700; color: #00E5FF; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 12pt; line-height: 1.6; color: #E0E0E0; margin-bottom: 14px; }
      blockquote { border: 1px solid #D500F9; padding: 16px; margin: 20px 0; background: #000; color: #D500F9; }
    `
  };
