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

export const indieZine: StyleOption = {
  id: 'indie-zine',
  name: 'Indie Zine',
  category: 'Editorial',
  description: 'DIY photocopier aesthetic. Typewriter fonts, cut-out look, and rebellious asymmetry.',
  vibe: 'DIY, Rebellious, Rough',
  googleFontsImport: 'https://fonts.googleapis.com/css2?family=Special+Elite&family=Rock+Salt&display=swap',
  wordConfig: {
    heading1: { 
      font: "Rock Salt", size: 28, color: "000000", bold: false, align: 'left',
      spacing: { before: 400, after: 200, line: 240 },
      shading: { fill: "D1C4E9", color: "auto", style: "clear" }
    },
    heading2: { 
      font: "Special Elite", size: 14, color: "000000", bold: true, align: 'left',
      spacing: { before: 320, after: 160, line: 240 },
      border: { bottom: { color: "000000", space: 4, style: "single", size: 12 } }
    },
    body: { 
      font: "Special Elite", size: 10, color: "212121", align: 'left',
      spacing: { before: 0, after: 160, line: 280 } 
    },
    accentColor: "000000"
  },
  previewCss: `
    font-family: 'Special Elite', cursive;
    h1 { font-family: 'Rock Salt', cursive; font-size: 28pt; color: #000000; background: #D1C4E9; padding: 10px; transform: rotate(-2deg); margin-bottom: 24px; display: inline-block; }
    h2 { font-size: 14pt; font-weight: 700; color: #000000; border-bottom: 2px solid #000; margin-top: 32px; margin-bottom: 16px; width: fit-content; }
    p { font-size: 10pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
    blockquote { border: 2px dashed #000; padding: 16px; margin: 24px 0; transform: rotate(1deg); }
  `
};
