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

export const grunge90s: StyleOption = {
    id: 'grunge-90s',
    name: 'Grunge 90s',
    category: 'Creative',
    description: 'Distressed and edgy. David Carson inspired typography with overlapping elements and grit.',
    vibe: 'Dirty, Edgy, Chaotic',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Special+Elite&display=swap',
    wordConfig: {
      heading1: { 
        font: "Permanent Marker", size: 36, color: "333333", bold: false, align: 'center',
        spacing: { before: 400, after: 200, line: 240 }
      },
      heading2: { 
        font: "Special Elite", size: 18, color: "8B0000", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        border: { bottom: { color: "000000", space: 4, style: "dashed", size: 12 } }
      },
      body: { 
        font: "Special Elite", size: 11, color: "212121", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "8B0000"
    },
    previewCss: `
      font-family: 'Special Elite', cursive;
      background-color: #F0F0F0;
      h1 { font-family: 'Permanent Marker', cursive; font-size: 36pt; color: #333333; text-align: center; margin-bottom: 24px; transform: rotate(1deg); opacity: 0.9; }
      h2 { font-size: 18pt; font-weight: 700; color: #8B0000; margin-top: 32px; margin-bottom: 16px; border-bottom: 2px dashed #000; display: inline-block; transform: skewX(-5deg); }
      p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
      blockquote { border: 3px solid #000; padding: 16px; margin: 24px 0; background: #D3D3D3; transform: rotate(-1deg); }
    `
  };
