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

export const marsRover: StyleOption = {
    id: 'mars-rover',
    name: 'Mars Rover',
    category: 'Space',
    description: 'Red planet exploration. Dusty orange and terracotta tones with functional technical type.',
    vibe: 'Space, Dusty, Technical',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=Orbitron&family=Exo:wght@400;700&display=swap',
    wordConfig: {
      heading1: { 
        font: "Orbitron", size: 30, color: "BF360C", bold: true, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        border: { bottom: { color: "FF7043", space: 6, style: "thick", size: 18 } }
      },
      heading2: { 
        font: "Exo", size: 16, color: "E64A19", bold: true, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        allCaps: true
      },
      body: { 
        font: "Exo", size: 11, color: "3E2723", align: 'left',
        spacing: { before: 0, after: 160, line: 280 } 
      },
      accentColor: "FF5722"
    },
    previewCss: `
      font-family: 'Exo', sans-serif;
      background: #FBE9E7;
      h1 { font-family: 'Orbitron', sans-serif; font-size: 30pt; font-weight: 700; color: #BF360C; border-bottom: 4px solid #FF7043; padding-bottom: 12px; margin-bottom: 24px; }
      h2 { font-size: 16pt; font-weight: 700; color: #E64A19; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; }
      p { font-size: 11pt; line-height: 1.6; color: #3E2723; margin-bottom: 14px; }
      blockquote { background: #FFCCBC; border-left: 6px solid #BF360C; padding: 16px; margin: 24px 0; }
    `
  };
