用途：用纯 CSS 自定义属性（CSS custom properties）和语义类实现 Material Design 3 样式，不依赖任何框架，是该仓库其他 M3 技能采用的规范做法。
主要能力：提供 M3 颜色、形状、字体排版等设计令牌，支持通过 [data-theme="dark"] 或 prefers-color-scheme 切换深色主题；给出填充按钮、卡片（elevated/filled/outlined）、轮廓文本框等组件的 CSS 类示例，并覆盖 hover、focus、disabled 等交互状态。
使用方式：将 m3-tokens.css 复制进项目作为起点，在 :root 定义颜色、形状、排版令牌，组件使用语义令牌名而非硬编码色值。示例类名如 md3-button-filled、md3-card-elevated、md3-text-field-outlined。若不想自己写全部 CSS，可选用 Beer CSS（https://www.beercss.com/）、Material Design Light（https://github.com/mdlightdev/material-design-light）、GMX.css（https://www.cssscript.com/material-design-framework-gmx/）。
适用场景：静态站点、简单 Web 应用、零依赖项目、需要完全控制每个设计令牌、无构建工具的快速原型，以及作为其他框架的参考实现。
限制：资料未提供具体安装命令、收费或价格信息；触控目标需满足 48×48dp 最小尺寸，焦点指示需有足够对比度。相关资源包括 material-theme-builder 技能、Material Theme Builder（https://material-foundation.github.io/material-theme-builder/）与 M3 Design Tokens（https://m3.material.io/foundations/design-tokens/overview）。