WebForge MCP Server

# S98 — Acrylic Fluid
## Industry: SaaS

## Style DNA
- **Palette:** Dark/Light adaptive, noise texture overlay.
- **Typography:** Segoe UI / System default.
- **Radius:** Medium (8px).
- **Shadow:** Elevation shadows.
- **Border:** None or very subtle.
- **Patterns:** Mica, acrylic noise.
- **Motion:** Fast, responsive.

## Do's
- Use texture
- Blur
- System fonts
- Adaptive

## Don'ts
- Don't use solid flat colors
- Don't be flashy
- Don't block background

## Design Tokens
```yaml
tokens:
  meta:
    style_id: "S98"
    style_name: "Acrylic Fluid"
    industry: "SaaS"
    use_case: "Full Landing Page"
  color:
    bg:
      primary: "#202020"
      secondary: "#1A1A1A"
    text:
      primary: "#FFFFFF"
      secondary: "#D4D4D4"
      muted: "#888888"
    brand:
      primary: "#60CDFF"
      accent: "#0078D4"
    surface:
      acrylic: "rgba(32, 32, 32, 0.8)"
      mica: "rgba(255, 255, 255, 0.05)"
    border:
      strong: "rgba(255, 255, 255, 0.1)"
      subtle: "rgba(255, 255, 255, 0.05)"
    state:
      success: "#6CCB5F"
      warning: "#FCE100"
      error: "#FF99A4"
    focus:
      ring: "#60CDFF"
  radius:
    none: 0
    sm: 4
    md: 8
    lg: 12
  border:
    width:
      hairline: 1
      medium: 2
      strong: 3
  shadow:
    elevation_1: "0 2px 4px rgba(0,0,0,0.2)"
    elevation_2: "0 4px 8px rgba(0,0,0,0.26)"
    elevation_3: "0 8px 16px rgba(0,0,0,0.32)"
  backdrop:
    blur: "blur(40px) saturate(125%)"
  layout:
    container:
      content: 1120
      wide: 1280
    grid:
      desktop: 12
      tablet: 8
      mobile: 4
    gutter:
      mobile: 16
      desktop: 24
  motion:
    duration:
      fast: 150
      normal: 250
    easing: "cubic-bezier(0.1, 0.9, 0.2, 1)"
  typography:
    font:
      sans:
        primary: "Segoe UI Variable"
        fallback:
          - "Segoe UI"
          - "system-ui"
          - "sans-serif"
      mono:
        primary: "Cascadia Code"
        fallback:
          - "Consolas"
          - "monospace"
    scale:
      h1: { size: 48, line: 56, weight: 600, tracking: 0 }
      h2: { size: 36, line: 44, weight: 600, tracking: 0 }
      h3: { size: 24, line: 32, weight: 600, tracking: 0 }
      body: { size: 14, line: 22, weight: 400, tracking: 0 }
      small: { size: 12, line: 18, weight: 400, tracking: 0 }
  spacing:
    base: 8
    section_py:
      mobile: [48, 64]
      desktop: [80, 104]
```