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

export const deepSeaSub: StyleOption = {
    id: 'deep-sea-sub',
    name: 'Deep Sea Sub',
    category: 'Nature',
    description: 'Bioluminescent abyss. Deepest navy backgrounds with glowing cyan/purple text.',
    vibe: 'Dark, Underwater, Glowing',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Abel&family=Rajdhani:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Rajdhani", size: 36, color: "00E5FF", bold: true, align: 'center',
        spacing: { before: 400, after: 240, line: 240 },
        shading: { fill: "1A237E", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Abel", size: 20, color: "E040FB", bold: true, align: 'center',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Abel", size: 12, color: "B2EBF2", align: 'center',
        spacing: { before: 0, after: 160, line: 280 },
        shading: { fill: "000051", color: "auto", style: "clear" }
      },
      accentColor: "00E5FF"
    },
    previewCss: `
      font-family: 'Abel', sans-serif;
      background: #000051;
      h1 { font-family: 'Rajdhani', sans-serif; font-size: 36pt; font-weight: 700; color: #00E5FF; background: linear-gradient(135deg, #1A237E 0%, #000051 100%); padding: 24px 32px; border-radius: 8px; margin: 0 auto 24px auto; text-align: center; display: block; box-shadow: 0 0 30px rgba(0, 229, 255, 0.3); border: 1px solid #00E5FF; }
      h2 { font-size: 20pt; font-weight: 700; color: #E040FB; text-align: center; margin-top: 32px; margin-bottom: 16px; text-shadow: 0 0 5px #E040FB; }
      p { font-size: 12pt; line-height: 1.6; color: #B2EBF2; margin-bottom: 14px; text-align: center; }
      blockquote { border: 1px solid #00E5FF; padding: 20px; margin: 24px auto; color: #E0F7FA; text-align: center; background: rgba(0, 229, 255, 0.1); border-radius: 8px; max-width: 85%; font-style: italic; }
    `
  };
