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

export const industrialSafety: StyleOption = {
    id: 'industrial-safety',
    name: 'Industrial Safety',
    category: 'Industrial',
    description: 'Construction site signage. Heavy blacks and yellow caution stripes.',
    vibe: 'Safety, Bold, Construction',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Anton&family=Roboto:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Anton", size: 48, color: "000000", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "FFD600", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "Roboto", size: 16, color: "000000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        border: { bottom: { color: "000000", space: 4, style: "thick", size: 24 } },
        allCaps: true
      },
      body: { 
        font: "Roboto", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "FFD600"
    },
    previewCss: `
      font-family: 'Roboto', sans-serif;
      h1 { font-family: 'Anton', sans-serif; font-size: 48pt; color: #000000; background: repeating-linear-gradient(45deg, #FFD600, #FFD600 10px, #FFC400 10px, #FFC400 20px); text-align: center; padding: 20px; margin-bottom: 24px; text-transform: uppercase; border: 4px solid #000; }
      h2 { font-size: 16pt; font-weight: 700; color: #000000; margin-top: 32px; margin-bottom: 16px; border-bottom: 4px solid #000; text-transform: uppercase; }
      p { font-size: 11pt; line-height: 1.5; color: #212121; margin-bottom: 14px; }
      blockquote { border: 2px solid #000; background: #FFF9C4; padding: 16px; margin: 24px 0; font-weight: 700; }
    `
  };
