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

export const hologramBlue: StyleOption = {
    id: 'hologram-blue',
    name: 'Hologram Blue',
    category: 'Sci-Fi',
    description: 'Star Wars style communications. Translucent flickering blue text on dark voids.',
    vibe: 'Holographic, Futuristic, Translucent',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Audiowide&family=Rajdhani:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Audiowide", size: 30, color: "00B0FF", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Rajdhani", size: 18, color: "80D8FF", bold: true, align: 'center',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Rajdhani", size: 12, color: "B3E5FC", align: 'center',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "00B0FF"
    },
    previewCss: `
      font-family: 'Rajdhani', sans-serif;
      background: #000000;
      h1 { font-family: 'Audiowide', cursive; font-size: 30pt; color: #00B0FF; text-align: center; margin-bottom: 24px; opacity: 0.8; text-shadow: 0 0 8px #00B0FF; }
      h2 { font-size: 18pt; font-weight: 700; color: #80D8FF; text-align: center; margin-top: 32px; margin-bottom: 16px; border-top: 1px solid #00B0FF; border-bottom: 1px solid #00B0FF; display: inline-block; padding: 5px 20px; }
      p { font-size: 12pt; line-height: 1.6; color: #B3E5FC; margin-bottom: 14px; text-align: center; opacity: 0.9; }
      blockquote { border: 1px dashed #00B0FF; padding: 16px; margin: 24px 0; color: #E1F5FE; text-align: center; }
    `
  };
