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

export const amberMonitor: StyleOption = {
    id: 'amber-monitor',
    name: 'Amber Monitor',
    category: 'Retro',
    description: '1980s monochrome computing. Glowing amber text on a black void.',
    vibe: 'Retro, Computing, Amber',
    googleFontsImport: 'https://fonts.googleapis.com/css2?family=VT323&display=swap',
    wordConfig: {
      heading1: { 
        font: "VT323", size: 36, color: "FFB300", bold: false, align: 'left',
        spacing: { before: 400, after: 200, line: 240 },
        shading: { fill: "212121", color: "auto", style: "clear" }
      },
      heading2: { 
        font: "VT323", size: 20, color: "FFCA28", bold: false, align: 'left',
        spacing: { before: 320, after: 160, line: 240 },
        border: { bottom: { color: "FFB300", space: 4, style: "single", size: 12 } }
      },
      body: { 
        font: "VT323", size: 16, color: "FFE082", align: 'left',
        spacing: { before: 0, after: 160, line: 240 },
        shading: { fill: "000000", color: "auto", style: "clear" }
      },
      accentColor: "FFB300"
    },
    previewCss: `
      font-family: 'VT323', monospace;
      background: #000000;
      h1 { font-size: 36pt; color: #FFB300; margin-bottom: 24px; text-shadow: 0 0 5px #FF6F00; }
      h2 { font-size: 20pt; color: #FFCA28; margin-top: 32px; margin-bottom: 16px; border-bottom: 1px solid #FFB300; }
      p { font-size: 16pt; line-height: 1.4; color: #FFE082; margin-bottom: 14px; }
      blockquote { border-left: 4px solid #FFB300; padding-left: 16px; margin: 24px 0; color: #FFECB3; }
    `
  };
