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

export const logisticsFreight: StyleOption = {
    id: 'logistics-freight',
    name: 'Logistics Freight',
    category: 'Industrial',
    description: 'Shipping and cargo aesthetic. Stenciled, heavy typography with industrial orange and slate blue.',
    vibe: 'Industrial, Heavy, Shipping',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Saira+Stencil+One&family=Saira:wght@400;600&display=swap',
    wordConfig: {
      heading1: { 
        font: "Saira Stencil One", size: 36, color: "E65100", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Saira", size: 16, color: "263238", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Saira", size: 10, color: "455A64", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "E65100"
    },
    previewCss: `
      font-family: 'Saira', sans-serif;
      h1 { font-family: 'Saira Stencil One', sans-serif; font-size: 36pt; color: #E65100; margin-bottom: 24px; }
      h2 { font-size: 16pt; font-weight: 600; color: #263238; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; }
      p { font-size: 10pt; line-height: 1.5; color: #455A64; margin-bottom: 14px; }
      blockquote { background: #FFF3E0; padding: 16px; border-left: 8px solid #263238; margin: 20px 0; }
    `
  };
