用途：在前端开发中强制遵循 webconsulting.at 的设计系统，统一品牌配色、字体、组件结构与图文规范，适用于基于 Tailwind、Next.js 与 MDX 的内容型前端项目。
主要能力：提供品牌色板（含明暗模式与 webcon-* Tailwind 类）、语义状态色（成功/错误/警告/信息）、以 Hanken Grotesk 为主的字体与 CSS 变量配置、MDX 组件规范（Tabs、ComparisonTable、CodeBlock、Callout、MDXImage）、Mermaid 主题变量覆盖、WCAG 2.1 AA 无障碍要求（对比度、焦点态、alt 文本、键盘导航）、响应式断点（sm/lg/xl）、4px 栅格间距、按钮样式（主/次/幽灵）以及暗色模式与 shadcn/ui 语义令牌映射。
使用方式：在生成前端组件或 MDX 内容时按文档给定的类名、组件与配置书写，例如使用 bg-webcon-primary、text-webcon-primary-800 等 Tailwind 类；字体通过 Next.js 的 next/font 引入 Hanken Grotesk 并注入 --font-sans 与 --font-display；暗色模式在父元素（通常为 html）添加 dark 类；Mermaid 图表需显式设置 themeVariables。
限制：资料仅给出设计与组件规范，未提供安装命令、许可证、定价、具体版本兼容范围或完整目录结构，这些暂未提供；具体项目中需自行确认 Tailwind 与 shadcn/ui 的配置前提。