WebForge MCP Server

# S68 — Steampunk
## Industry: SaaS

## Style DNA
- **Palette:** Brass, copper, dark wood, rich velvet red.
- **Typography:** Victorian ornate serif.
- **Radius:** Ornate scrolls and mechanical gears.
- **Shadow:** Deep moody shadows.
- **Border:** Pipes, gears, rivets.
- **Patterns:** Damask, smoke, gear teeth.
- **Motion:** Mechanical ticking, rotating gears.

## Do's
- Use textures
- Gears/Cogs
- Warm metallic
- Victorian flair

## Don'ts
- Don't use neon
- Don't be clean
- Don't use plastic

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S68"
    style_name: "Steampunk"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#2b2118"
      secondary: "#3d2e21"
    text:
      primary: "#F5E6D3"
      secondary: "#D4C4B0"
      muted: "#A89078"
    brand:
      primary: "#c19a6b"
      accent: "#b87333"
    border:
      strong: "#8B7355"
      subtle: "rgba(193,154,107,0.3)"
    state:
      success: "#7CB342"
      warning: "#FFB300"
      error: "#C62828"
    focus:
      ring: "#c19a6b"
  radius:
    none: 0
    sm: 4
    md: 8
    lg: 16
    gear: "50%"
  border:
    width:
      hairline: 1
      rivet: 4
      pipe: 6
  shadow:
    deep: "0 8px 32px rgba(0,0,0,0.5)"
    brass: "inset 0 2px 4px rgba(193,154,107,0.3)"
  layout:
    container:
      content: 1100
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 300
      normal: 600
    easing: "cubic-bezier(0.68, -0.55, 0.27, 1.55)"
  typography:
    font:
      sans:
        primary: "Cinzel"
        fallback:
          - "Times New Roman"
          - "serif"
      display:
        primary: "IM Fell English"
        fallback:
          - "serif"
    scale:
      h1: { size: 52, line: 64, weight: 700, tracking: 0.02 }
      h2: { size: 40, line: 50, weight: 600, tracking: 0.01 }
      h3: { size: 28, line: 36, weight: 600, tracking: 0 }
      body: { size: 16, line: 28, weight: 400, tracking: 0 }
      small: { size: 14, line: 22, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [56, 72]
      desktop: [96, 128]
```