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

export const blueprintCyanotype: StyleOption = {
    id: 'blueprint-cyanotype',
    name: 'Blueprint Cyanotype',
    category: 'Creative',
    description: 'Architectural blueprint style. White lines on a deep cyan blue background.',
    vibe: 'Technical, Blue, Schematic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Roboto+Mono:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Architects Daughter", size: 32, color: "FFFFFF", bold: true, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "FFFFFF", space: 4, style: "single", size: 12 } }
      },
      heading2: { 
        font: "Roboto Mono", size: 14, color: "FFFFFF", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Roboto Mono", size: 10, color: "E0F7FA", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "FFFFFF"
    },
    previewCss: `
      font-family: 'Roboto Mono', monospace;
      background: #0047AB; /* Cobalt/Blueprint Blue */
      color: #FFFFFF;
      h1 { font-family: 'Architects Daughter', cursive; font-size: 32pt; font-weight: 700; color: #FFFFFF; text-align: center; border-bottom: 2px solid #FFFFFF; margin-bottom: 24px; padding-bottom: 8px; }
      h2 { font-size: 14pt; font-weight: 700; color: #FFFFFF; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; border: 1px solid #FFF; display: inline-block; padding: 4px; }
      p { font-size: 10pt; line-height: 1.6; color: #E0F7FA; margin-bottom: 14px; }
      blockquote { border: 1px dashed #FFFFFF; padding: 16px; margin: 24px 0; background: #003380; }
    `
  };
