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

export const legalContract: StyleOption = {
  id: 'legal-contract',
  name: 'Legal Contract',
  category: 'Corporate',
  description: 'Binding agreement style. Serif fonts, justified text, and numbered section aesthetics.',
  vibe: 'Legal, Binding, Formal',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap',
  wordConfig: {
    heading1: { 
      font: "Tinos", size: 14, color: "000000", bold: true, align: 'center',
      spacing: { before: 240, after: 240, line: 240 },
      allCaps: true
    },
    heading2: { 
      font: "Tinos", size: 12, color: "000000", bold: true, align: 'left',
      spacing: { before: 240, after: 120, line: 240 },
      underline: true
    },
    body: { 
      font: "Tinos", size: 11, color: "000000", align: 'both',
      spacing: { before: 0, after: 120, line: 240 } 
    },
    accentColor: "000000"
  },
  previewCss: `
    font-family: 'Tinos', serif;
    h1 { font-size: 14pt; font-weight: 700; color: #000000; text-align: center; text-transform: uppercase; margin-bottom: 16px; }
    h2 { font-size: 12pt; font-weight: 700; color: #000000; text-decoration: underline; margin-top: 24px; margin-bottom: 12px; }
    p { font-size: 11pt; line-height: 1.4; color: #000000; margin-bottom: 12px; text-align: justify; }
    blockquote { margin: 20px 40px; border: 1px solid #000; padding: 10px; }
  `
};
