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

export const bauhausConstruction: StyleOption = {
  id: 'bauhaus-construction',
  name: 'Bauhaus Construction',
  category: 'Modernism',
  description: 'Form follows function. Geometric simplicity using primary colors and heavy structural borders.',
  vibe: 'Geometric, Functional, Primary',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Jura:wght@400;700&family=Tenor+Sans&display=swap',
  wordConfig: {
    heading1: { 
      font: "Jura", size: 32, color: "111111", bold: true, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      border: { left: { color: "D50000", space: 12, style: "single", size: 48 } }
    },
    heading2: { 
      font: "Tenor Sans", size: 16, color: "111111", bold: true, align: 'left',
      spacing: { before: 300, after: 150, line: 240 },
      shading: { fill: "FFEB3B", color: "auto", style: "clear" }
    },
    body: { 
      font: "Tenor Sans", size: 11, color: "212121", align: 'both',
      spacing: { before: 0, after: 160, line: 280 } 
    },
    accentColor: "0000FF"
  },
  previewCss: `
    font-family: 'Tenor Sans', sans-serif;
    h1 { font-family: 'Jura', sans-serif; font-size: 32pt; font-weight: 700; color: #111111; border-left: 12px solid #D50000; padding-left: 16px; margin-bottom: 24px; }
    h2 { font-size: 16pt; font-weight: 700; color: #111111; background: #FFEB3B; display: inline-block; padding: 4px 12px; margin-top: 30px; margin-bottom: 14px; }
    p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; text-align: justify; }
    blockquote { border-top: 4px solid #0000FF; border-bottom: 4px solid #0000FF; padding: 16px 0; margin: 24px 0; }
  `
};
