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

export const publicTransit: StyleOption = {
    id: 'public-transit',
    name: 'Public Transit',
    category: 'Urban',
    description: 'Subway map and transit signage aesthetic. Clean, highly legible sans-serifs with color-coded lines.',
    vibe: 'Urban, Functional, Color-coded',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Mukta:wght@400;700&family=Hanken+Grotesk:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Hanken Grotesk", size: 32, color: "000000", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "FFC107", space: 8, style: "single", size: 24 } }
      },
      heading2: { 
        font: "Mukta", size: 18, color: "000000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        shading: { fill: "EEEEEE", color: "auto", style: "clear" }
      },
      body: { 
        font: "Mukta", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "FFC107"
    },
    previewCss: `
      font-family: 'Mukta', sans-serif;
      h1 { font-family: 'Hanken Grotesk', sans-serif; font-size: 32pt; font-weight: 700; color: #000000; border-bottom: 6px solid #FFC107; padding-bottom: 12px; margin-bottom: 24px; }
      h2 { font-size: 18pt; font-weight: 700; color: #000000; background: #EEEEEE; padding: 4px 12px; margin-top: 32px; margin-bottom: 16px; display: inline-block; }
      p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
      blockquote { border-left: 6px solid #F44336; padding-left: 16px; margin: 24px 0; }
    `
  };
