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

export const deStijl: StyleOption = {
  id: 'de-stijl',
  name: 'De Stijl',
  category: 'Modern',
  description: 'Inspired by the Dutch movement (Mondrian). Primary colors, thick black lines, and rigid grid geometry.',
  vibe: 'Abstract, Geometric, Primary',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Geo:wght@400&family=Arimo:wght@400;700&display=swap',
  wordConfig: {
    heading1: { 
      font: "Geo", size: 32, color: "FF0000", bold: false, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      border: { 
        bottom: { color: "000000", space: 12, style: "single", size: 24 },
        left: { color: "000000", space: 12, style: "single", size: 24 }
      }
    },
    heading2: { 
      font: "Arimo", size: 14, color: "0000FF", bold: true, align: 'left',
      spacing: { before: 320, after: 160, line: 240 },
      shading: { fill: "FFFF00", color: "auto", style: "clear" }
    },
    body: { 
      font: "Arimo", size: 10, color: "000000", align: 'left',
      spacing: { before: 0, after: 160, line: 280 } 
    },
    accentColor: "FF0000"
  },
  previewCss: `
    font-family: 'Arimo', sans-serif;
    h1 { font-family: 'Geo', sans-serif; font-size: 32pt; color: #FF0000; border-bottom: 4px solid #000000; border-left: 4px solid #000000; padding-left: 16px; margin-bottom: 24px; }
    h2 { font-size: 14pt; font-weight: 700; color: #0000FF; background: #FFFF00; display: inline-block; padding: 4px 12px; margin-top: 32px; margin-bottom: 16px; }
    p { font-size: 10pt; line-height: 1.6; color: #000000; margin-bottom: 14px; }
    blockquote { border: 4px solid #000000; padding: 16px; margin: 24px 0; box-shadow: 8px 8px 0px #0000FF; }
  `
};
