用途：通过原生 CSS 自定义属性实现主题切换、组件样式配置与运行时动态定制，适合构建主题系统、动态样式和可配置组件。
主要能力：
- 声明与使用：在 :root 声明全局变量（如 --color-primary: #3b82f6），用 var(--name) 引用，支持 var(--x, fallback) 及嵌套回退。
- 作用域：全局、组件、媒体查询内均可声明，实现局部覆盖。
- 主题系统：通过 .dark 类或 @media (prefers-color-scheme: dark) 切换亮暗模式。
- Token 体系：提供间距、字号、字重、圆角、阴影、过渡等完整 token 示例。
- 组件变量：组件内定义并复用（如 --button-bg），通过类变体覆盖颜色、尺寸。
- React 集成：可在内联 style 设置变量，封装 ThemeProvider，或用 getComputedStyle().getPropertyValue() 读取、style.setProperty() 设置，并给出 useCSSVariable Hook 示例。
- 计算与响应式：与 calc() 组合做运算，在媒体查询中重定义变量实现响应式，变量也可用于 @keyframes 动画与透明度控制。
使用方式：在 CSS 中声明变量后以 var() 引用；JS/React 中通过 style 或 setProperty 传值；改变量即触发依赖该变量的样式更新。
适用场景：主题系统、可配置组件库、响应式布局、动画参数化。
限制：资料未提供浏览器兼容性、性能说明、安装方式或收费信息；示例为常见用法，具体项目需自行验证。