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

export const subwayTile: StyleOption = {
    id: 'subway-tile',
    name: 'Subway Tile',
    category: 'Urban',
    description: 'Classic station ceramics. Clean white backgrounds, heavy black text, and tile-like framing.',
    vibe: 'Clean, Ceramic, Urban',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;600&family=Lexend:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Lexend", size: 36, color: "000000", bold: true, align: 'center',
        spacing: { before: 400, after: 200, line: 240 },
        border: { 
          top: { color: "000000", space: 12, style: "single", size: 4 },
          bottom: { color: "000000", space: 12, style: "single", size: 4 },
          left: { color: "000000", space: 12, style: "single", size: 4 },
          right: { color: "000000", space: 12, style: "single", size: 4 }
        }
      },
      heading2: { 
        font: "Work Sans", size: 16, color: "212121", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 }
      },
      body: { 
        font: "Work Sans", size: 11, color: "424242", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "000000"
    },
    previewCss: `
      font-family: 'Work Sans', sans-serif;
      h1 { font-family: 'Lexend', sans-serif; font-size: 36pt; font-weight: 700; color: #000000; border: 4px solid #000000; padding: 16px; margin-bottom: 24px; text-align: center; background: #FFFFFF; }
      h2 { font-size: 16pt; font-weight: 700; color: #212121; margin-top: 32px; margin-bottom: 16px; }
      p { font-size: 11pt; line-height: 1.6; color: #424242; margin-bottom: 14px; }
      blockquote { border-left: 8px solid #000; padding-left: 16px; margin: 24px 0; background: #F5F5F5; }
    `
  };
