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

export const blockchainProtocol: StyleOption = {
    id: 'blockchain-protocol',
    name: 'Blockchain Protocol',
    category: 'Tech',
    description: 'Technical blockchain and Web3 design. Decentralized aesthetics with protocol documentation style.',
    vibe: 'Technical, Decentralized, Protocol',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Inter", size: 28, color: "6366F1", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Inter", size: 16, color: "1E1E1E", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Inter", size: 10, color: "4B5563", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "6366F1"
    },
    previewCss: `
      font-family: 'Inter', sans-serif;
      h1 { font-size: 28pt; font-weight: 600; color: #6366F1; margin-bottom: 24px; }
      h2 { font-size: 16pt; font-weight: 600; color: #1E1E1E; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 10pt; line-height: 1.6; color: #4B5563; margin-bottom: 14px; }
      blockquote { font-family: 'JetBrains Mono', monospace; background: #F3F4F6; padding: 16px; border-radius: 6px; margin: 20px 0; font-size: 9pt; border-left: 4px solid #6366F1; }
    `
  };
