WebForge MCP Server

# S65 — Stained Glass
## Industry: SaaS

## Style DNA
- **Palette:** Vibrant translucent colors, black lead lines.
- **Typography:** Gothic or blackletter.
- **Radius:** Sharp geometric glass panes.
- **Shadow:** Colored light projection.
- **Border:** Thick black lead lines.
- **Patterns:** Mosaic, colored glass.
- **Motion:** Shine, light passing through.

## Do's
- Use rich colors
- Black outlines
- Light effects
- Artistic

## Don'ts
- Don't be dull
- Don't be opaque
- Don't use modern minimal

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S65"
    style_name: "Stained Glass"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#121212"
      secondary: "#1E1E1E"
    text:
      primary: "#FFFFFF"
      secondary: "#E0E0E0"
      muted: "#9E9E9E"
    brand:
      primary: "#b71c1c"
      accent: "#0d47a1"
    glass:
      red: "rgba(183,28,28,0.7)"
      blue: "rgba(13,71,161,0.7)"
      yellow: "rgba(251,192,45,0.7)"
      green: "rgba(46,125,50,0.7)"
    border:
      strong: "#000000"
      lead: "#1A1A1A"
    state:
      success: "#4CAF50"
      warning: "#FFC107"
      error: "#F44336"
    focus:
      ring: "#fbc02d"
  radius:
    none: 0
    sm: 0
    md: 0
    lg: 0
  border:
    width:
      hairline: 1
      lead: 3
      strong: 5
  shadow:
    glow: "0 0 30px currentColor"
    light: "0 0 60px rgba(255,255,255,0.2)"
  layout:
    container:
      content: 1120
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 300
      normal: 600
    easing: "ease-in-out"
  typography:
    font:
      sans:
        primary: "Cinzel"
        fallback:
          - "Times New Roman"
          - "serif"
      display:
        primary: "UnifrakturMaguntia"
        fallback:
          - "serif"
    scale:
      h1: { size: 52, line: 64, weight: 700, tracking: 0.02 }
      h2: { size: 38, line: 48, weight: 600, tracking: 0.01 }
      h3: { size: 26, line: 34, 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: [64, 80]
      desktop: [96, 128]
```