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

export const corporateStyles: StyleOption[] = [
  {
    id: 'tech-memo',
    name: 'Tech Memorandum',
    category: 'Corporate',
    description: 'Modern, functional, and authoritative. Uses shading for headers to create distinct sections.',
    vibe: 'Corporate, Tech, Strategy',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Roboto", size: 24, color: "0F172A", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "F1F5F9", color: "auto", style: "clear" }, 
        border: { left: { color: "2563EB", space: 10, style: "single", size: 48 } }
      },
      heading2: { 
        font: "Roboto", size: 14, color: "2563EB", bold: true, align: 'left',
        spacing: { before: 300, after: 150, line: 240 }
      },
      body: { 
        font: "Roboto", size: 10, color: "334155", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "2563EB"
    },
    previewCss: `
      font-family: 'Roboto', sans-serif;
      h1 { font-size: 24pt; font-weight: 700; background: #F1F5F9; color: #0F172A; padding: 12px 16px; border-left: 8px solid #2563EB; margin-bottom: 20px; }
      h2 { font-size: 14pt; font-weight: 700; color: #2563EB; margin-top: 30px; margin-bottom: 12px; }
      p { font-size: 10pt; line-height: 1.6; color: #334155; margin-bottom: 14px; }
      blockquote { background: #EFF6FF; padding: 16px; border-radius: 4px; color: #1E40AF; border-left: 4px solid #2563EB; margin: 20px 0; }
    `
  },
  {
    id: 'annual-report',
    name: 'Annual Report',
    category: 'Corporate',
    description: 'Trustworthy and substantial. Deep navy blues, clean sans-serifs, and grid-like precision.',
    vibe: 'Financial, Serious, Trust',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700;900&family=Merriweather:wght@300;400&display=swap',
    wordConfig: {
      heading1: { 
        font: "Libre Franklin", size: 32, color: "0D2B46", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Libre Franklin", size: 16, color: "A0A0A0", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Merriweather", size: 10, color: "333333", align: 'both',
        spacing: { before: 0, after: 160, line: 300 } 
      },
      accentColor: "0D2B46"
    },
    previewCss: `
      font-family: 'Merriweather', serif;
      h1 { font-family: 'Libre Franklin', sans-serif; font-size: 32pt; font-weight: 900; color: #0D2B46; margin-bottom: 24px; }
      h2 { font-family: 'Libre Franklin', sans-serif; font-size: 16pt; font-weight: 700; color: #A0A0A0; text-transform: uppercase; margin-top: 32px; margin-bottom: 16px; border-bottom: 1px solid #CCC; padding-bottom: 4px; }
      p { font-size: 10pt; line-height: 1.8; color: #333333; margin-bottom: 14px; text-align: justify; }
      blockquote { border-left: 4px solid #0D2B46; padding-left: 16px; margin: 24px 0; color: #0D2B46; font-style: italic; }
    `
  },
  {
    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; }
    `
  },
  {
    id: 'corporate-executive',
    name: 'Corporate Executive',
    category: 'Corporate',
    description: 'Authoritative and professional. Designed for board reports, executive summaries, and high-stakes business communications.',
    vibe: 'Executive, Formal, Trustworthy',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700&family=Source+Sans+3:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Source Serif 4", size: 24, color: "1A237E", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Source Sans 3", size: 14, color: "303F9F", bold: true, align: 'left',
        spacing: { before: 300, after: 150, line: 240 }
      },
      body: { 
        font: "Source Sans 3", size: 10, color: "333333", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "1A237E"
    },
    previewCss: `
      font-family: 'Source Sans 3', sans-serif;
      h1 { font-family: 'Source Serif 4', serif; font-size: 24pt; font-weight: 700; color: #1A237E; margin-bottom: 24px; border-bottom: 2px solid #1A237E; padding-bottom: 8px; }
      h2 { font-size: 14pt; font-weight: 600; color: #303F9F; margin-top: 30px; margin-bottom: 12px; }
      p { font-size: 10pt; line-height: 1.6; color: #333333; margin-bottom: 14px; }
      blockquote { border-left: 4px solid #1A237E; padding-left: 16px; color: #1A237E; margin: 20px 0; font-style: italic; }
    `
  },
  {
    id: 'political-campaign',
    name: 'Political Campaign',
    category: 'Professional',
    description: 'Bold, patriotic design for campaigns. Strong headers with red, white, and blue motifs.',
    vibe: 'Patriotic, Bold, Official',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Francois+One&family=Cabin:wght@400;600;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Francois One", size: 36, color: "0D47A1", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "D32F2F", space: 8, style: "single", size: 12 } }
      },
      heading2: { 
        font: "Cabin", size: 16, color: "D32F2F", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Cabin", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D32F2F"
    },
    previewCss: `
      font-family: 'Cabin', sans-serif;
      h1 { font-family: 'Francois One', sans-serif; font-size: 36pt; color: #0D47A1; border-bottom: 4px solid #D32F2F; padding-bottom: 12px; margin-bottom: 24px; text-transform: uppercase; }
      h2 { font-size: 16pt; font-weight: 700; color: #D32F2F; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; }
      p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
      blockquote { background: #E3F2FD; padding: 20px; border-left: 8px solid #0D47A1; margin: 24px 0; }
    `
  },
  {
    id: 'passport-official',
    name: 'Passport Official',
    category: 'Government',
    description: 'International travel document aesthetic. Machine-readable fonts with secure, bureaucratic vibes.',
    vibe: 'Official, Secure, Monospace',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Martian+Mono:wght@400;700&family=Courier+Prime&display=swap',
    wordConfig: {
      heading1: { 
        font: "Martian Mono", size: 22, color: "1A237E", bold: true, align: 'left',
        spacing: { before: 360, after: 200, line: 240 }
      },
      heading2: { 
        font: "Martian Mono", size: 12, color: "B71C1C", bold: true, align: 'left',
        spacing: { before: 280, after: 140, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Courier Prime", size: 10, color: "212121", align: 'left',
        spacing: { before: 0, after: 140, line: 260 } 
      },
      accentColor: "B71C1C"
    },
    previewCss: `
      font-family: 'Courier Prime', monospace;
      h1 { font-family: 'Martian Mono', monospace; font-size: 22pt; font-weight: 700; color: #1A237E; margin-bottom: 24px; letter-spacing: -1px; }
      h2 { font-family: 'Martian Mono', monospace; font-size: 12pt; font-weight: 700; color: #B71C1C; margin-top: 28px; margin-bottom: 14px; text-transform: uppercase; }
      p { font-size: 10pt; line-height: 1.5; color: #212121; margin-bottom: 12px; }
      blockquote { border: 1px dashed #1A237E; padding: 16px; margin: 20px 0; background: #E8EAF6; }
    `
  },
  {
    id: 'top-secret-redacted',
    name: 'Top Secret Redacted',
    category: 'Government',
    description: 'Declassified document style. Typewriter fonts with "blacked out" highlight effects.',
    vibe: 'Secret, Classified, Rough',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Special Elite", size: 28, color: "000000", bold: false, align: 'center',
        spacing: { before: 400, after: 240, line: 240 },
        border: { 
          top: { color: "000000", space: 6, style: "single", size: 24 },
          bottom: { color: "000000", space: 6, style: "single", size: 24 }
        }
      },
      heading2: { 
        font: "Courier Prime", size: 14, color: "B71C1C", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" } // Red text on black bar
      },
      body: { 
        font: "Courier Prime", size: 11, color: "000000", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "000000"
    },
    previewCss: `
      font-family: 'Courier Prime', monospace;
      background: #F5F5F5;
      h1 { font-family: 'Special Elite', cursive; font-size: 28pt; color: #000000; border-top: 4px solid #000; border-bottom: 4px solid #000; padding: 16px 0; text-align: center; margin-bottom: 28px; text-transform: uppercase; }
      h2 { font-size: 14pt; font-weight: 700; color: #B71C1C; background: #000000; display: inline-block; padding: 4px 12px; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 11pt; line-height: 1.6; color: #000000; margin-bottom: 14px; }
      blockquote { background: #000; color: #000; padding: 10px; margin: 20px 0; user-select: none; } 
      blockquote:hover { color: #FFF; } /* Easter egg for preview */
    `
  },
  {
    id: 'legal-pleading',
    name: 'Legal Pleading',
    category: 'Professional',
    description: 'Courtroom document style. Rigid framing, double spacing, and traditional serif fonts.',
    vibe: 'Legal, Strict, Formal',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Courier+Prime&display=swap',
    wordConfig: {
      heading1: { 
        font: "EB Garamond", size: 14, color: "000000", bold: true, align: 'center',
        spacing: { before: 240, after: 240, line: 240 },
        allCaps: true,
        // underline: true - using border bottom to simulate
        border: { bottom: { color: "000000", space: 4, style: "single", size: 4 } }
      },
      heading2: { 
        font: "EB Garamond", size: 12, color: "000000", bold: true, align: 'left',
        spacing: { before: 240, after: 120, line: 240 }
      },
      body: { 
        font: "Courier Prime", size: 12, color: "000000", align: 'both',
        spacing: { before: 0, after: 0, line: 480 }, // Double Spacing
        border: { left: { color: "BDBDBD", space: 12, style: "single", size: 4 } } // Simulates line number bar area
      },
      accentColor: "000000"
    },
    previewCss: `
      font-family: 'Courier Prime', monospace;
      line-height: 2.0;
      h1 { font-family: 'EB Garamond', serif; font-size: 14pt; font-weight: 700; color: #000000; text-align: center; text-decoration: underline; text-transform: uppercase; margin-bottom: 24px; }
      h2 { font-family: 'EB Garamond', serif; font-size: 12pt; font-weight: 700; color: #000000; margin-top: 24px; margin-bottom: 12px; }
      p { font-size: 12pt; color: #000000; margin-bottom: 0px; text-align: justify; border-left: 1px solid #BDBDBD; padding-left: 15px; }
      blockquote { margin-left: 40px; border-left: 1px solid #BDBDBD; padding-left: 15px; }
    `
  },
  {
    id: 'currency-bill',
    name: 'Currency Bill',
    category: 'Official',
    description: 'Banknote aesthetic. Intricate guilloche-style borders and emerald green serif fonts.',
    vibe: 'Financial, Secure, Green',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Playfair+Display+SC:wght@700&family=Noto+Serif:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Playfair Display SC", size: 36, color: "1B5E20", bold: true, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        border: { 
          top: { color: "2E7D32", space: 6, style: "double", size: 12 },
          bottom: { color: "2E7D32", space: 6, style: "double", size: 12 }
        }
      },
      heading2: { 
        font: "Noto Serif", size: 16, color: "388E3C", bold: true, align: 'center',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Noto Serif", size: 11, color: "1B5E20", align: 'both',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "2E7D32"
    },
    previewCss: `
      font-family: 'Noto Serif', serif;
      background: #E8F5E9;
      h1 { font-family: 'Playfair Display SC', serif; font-size: 36pt; font-weight: 700; color: #1B5E20; text-align: center; border-top: 4px double #2E7D32; border-bottom: 4px double #2E7D32; padding: 12px 0; margin-bottom: 24px; letter-spacing: 2px; }
      h2 { font-size: 16pt; font-weight: 700; color: #388E3C; text-align: center; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; }
      p { font-size: 11pt; line-height: 1.6; color: #1B5E20; margin-bottom: 14px; text-align: justify; }
      blockquote { border: 1px solid #2E7D32; padding: 20px; margin: 24px 0; background: #C8E6C9; text-align: center; border-radius: 50%; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
    `
  },
  {
    id: 'credit-card-platinum',
    name: 'Credit Card Platinum',
    category: 'Financial',
    description: 'Premium card aesthetic. Silver/gradient shading with OCR-style raised numbering fonts.',
    vibe: 'Premium, Silver, Metallic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Krub:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Krub", size: 32, color: "E0E0E0", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "424242", color: "auto", style: "clear" } // Dark grey metallic
      },
      heading2: { 
        font: "Share Tech Mono", size: 18, color: "C0C0C0", bold: false, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true,
        tracking: 100 // Wide tracking
      },
      body: { 
        font: "Krub", size: 11, color: "616161", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "C0C0C0"
    },
    previewCss: `
      font-family: 'Krub', sans-serif;
      h1 { font-size: 32pt; font-weight: 700; color: #E0E0E0; background: linear-gradient(135deg, #616161, #212121); padding: 16px; margin-bottom: 24px; border-radius: 12px; }
      h2 { font-family: 'Share Tech Mono', monospace; font-size: 18pt; color: #757575; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 1px 1px 0 #FFF; }
      p { font-size: 11pt; line-height: 1.6; color: #616161; margin-bottom: 14px; }
      blockquote { border-left: 4px solid #C0C0C0; padding-left: 16px; margin: 24px 0; background: #F5F5F5; }
    `
  },
  {
    id: 'whiteboard-strategy',
    name: 'Whiteboard Strategy',
    category: 'Business',
    description: 'Brainstorming session. Dry-erase marker fonts in standard office colors (Black, Blue, Red).',
    vibe: 'Corporate, Brainstorm, Sketch',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Patrick+Hand&display=swap',
    wordConfig: {
      heading1: { 
        font: "Architects Daughter", size: 36, color: "D32F2F", bold: true, align: 'center', // Red marker
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "1976D2", space: 4, style: "single", size: 12 } } // Blue underline
      },
      heading2: { 
        font: "Patrick Hand", size: 20, color: "1976D2", bold: true, align: 'left', // Blue marker
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Patrick Hand", size: 14, color: "212121", align: 'left', // Black marker
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "D32F2F"
    },
    previewCss: `
      font-family: 'Patrick Hand', cursive;
      background: #FFFFFF;
      h1 { font-family: 'Architects Daughter', cursive; font-size: 36pt; font-weight: 700; color: #D32F2F; border-bottom: 3px solid #1976D2; padding-bottom: 10px; margin-bottom: 24px; text-align: center; }
      h2 { font-size: 20pt; font-weight: 700; color: #1976D2; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 14pt; line-height: 1.5; color: #212121; margin-bottom: 14px; }
      blockquote { border: 2px solid #388E3C; padding: 16px; margin: 24px 0; border-radius: 16px; color: #388E3C; } /* Green marker box */
    `
  },
  {
    id: 'stock-ticker',
    name: 'Stock Ticker',
    category: 'Financial',
    description: 'LED moving message sign. Dot matrix fonts with bright green/red on black.',
    vibe: 'Financial, Digital, LED',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=DotGothic16&display=swap',
    wordConfig: {
      heading1: { 
        font: "DotGothic16", size: 32, color: "00E676", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "DotGothic16", size: 18, color: "FF1744", bold: false, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" }
      },
      body: { 
        font: "DotGothic16", size: 12, color: "E0E0E0", align: 'left',
        spacing: { before: 0, after: 160, line: 280 },
        shading: { fill: "212121", color: "auto", style: "clear" }
      },
      accentColor: "00E676"
    },
    previewCss: `
      font-family: 'DotGothic16', sans-serif;
      background: #212121;
      h1 { font-size: 32pt; color: #00E676; background: #000000; padding: 12px; margin-bottom: 24px; border-bottom: 2px solid #333; }
      h2 { font-size: 18pt; color: #FF1744; background: #000000; padding: 8px; margin-top: 32px; margin-bottom: 16px; display: inline-block; }
      p { font-size: 12pt; line-height: 1.5; color: #E0E0E0; margin-bottom: 14px; }
      blockquote { border-left: 4px solid #00E676; padding-left: 16px; margin: 24px 0; color: #B9F6CA; }
    `
  },
  {
    id: 'police-blotter',
    name: 'Police Blotter',
    category: 'Official',
    description: 'Law enforcement paperwork. Carbon copy blue fonts on stark white forms.',
    vibe: 'Official, Blue, Bureaucratic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Courier+Prime&family=Special+Elite&display=swap',
    wordConfig: {
      heading1: { 
        font: "Special Elite", size: 26, color: "0D47A1", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        allCaps: true
      },
      heading2: { 
        font: "Courier Prime", size: 14, color: "000000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "E3F2FD", color: "auto", style: "clear" }
      },
      body: { 
        font: "Courier Prime", size: 11, color: "1A237E", align: 'left', // Carbon copy blue
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "0D47A1"
    },
    previewCss: `
      font-family: 'Courier Prime', monospace;
      h1 { font-family: 'Special Elite', cursive; font-size: 26pt; color: #0D47A1; margin-bottom: 24px; text-transform: uppercase; text-decoration: underline; }
      h2 { font-size: 14pt; font-weight: 700; color: #000000; background: #E3F2FD; display: block; padding: 4px; margin-top: 32px; margin-bottom: 16px; border: 1px solid #0D47A1; }
      p { font-size: 11pt; line-height: 1.5; color: #1A237E; margin-bottom: 14px; }
      blockquote { border: 1px solid #000; padding: 16px; margin: 24px 0; background: #FAFAFA; }
    `
  }
];