/* ============================================
 * Token 系统统一入口 (CLI 分发版)
 *
 * 引入方式：
 * 1. 全量引入（默认）: @import "sparkdesign-tokens.css";
 * 2. 按需引入: 
 *    @import "./scale/index.css";       // 布局风格
 *    @import "./themes/light-mint.css"; // 亮色主题
 *    @import "./themes/dark-mint.css";  // 暗色主题
 *
 * 自定义主题：
 * @import "./scale/index.css";
 * @import "./my-custom-theme.css";  // 定义 [data-theme="xxx"] { --token-color-*: ... }
 *
 * 自定义布局配置：
 * @import "./scale/config.css";
 * @import "./scale/computed.css";
 * :root { --config-radius-default: 10px; }   // 覆盖配置
 * ============================================ */

/* 布局风格 Token (data-style: neutral | compact | soft | sharp | dense) */
@import "./scale.css";

/* 内置主题 (data-theme) */
@import "./themes/light-mint.css";
@import "./themes/dark-mint.css";
@import "./themes/light-forest.css";
@import "./themes/dark-forest.css";
@import "./themes/light-parchment.css";
@import "./themes/dark-parchment.css";
@import "./themes/qoderwork.css";

/* 滚动条工具样式 */
@import "./scrollbar-utility.css";

/* Tailwind v4 @theme 映射（--token-color-* → --color-*，驱动 bg-primary 等工具类） */
@import "./theme-base.css";