/* 视觉套件 · 自动生成，别手改。
   改数字请改 tokens.json，然后跑 tools/build_tokens.py */
/* 末唐 · 系列视觉套件 v0.1.0 · 基准 1280x720 */
:root{
  /* ---- 色 ---- */
  --c-paper:#f9f8f6;  /* 纸白，主背景 */
  --c-apple:#ffffff;  /* 浮起来的东西（卡片/托盘） */
  --c-ink:#272727;  /* 主文字 / 描边 / 主线 */
  --c-orange:#f37021;  /* 唯一强调色。同一屏最多一处大面积 */
  --c-orange-light:#ffa165;  /* 橙色渐变亮端 / 内高光 */
  --c-orange-dark:#c9540c;  /* 橙色渐变暗端 */
  --c-attr-str:#d0453a;  /* 属性：力量（配▲） */
  --c-attr-agi:#3f9d52;  /* 属性：敏捷（配◆） */
  --c-attr-mag:#3a6fd8;  /* 属性：魔法（配▢） */

  /* ---- 色 · rgb 分量（给 rgba() 调透明度用，这样组件里不用写死色值）---- */
  --rgb-paper:249,248,246;
  --rgb-apple:255,255,255;
  --rgb-ink:39,39,39;
  --rgb-orange:243,112,33;
  --rgb-orange-light:255,161,101;
  --rgb-orange-dark:201,84,12;
  --rgb-attr-str:208,69,58;
  --rgb-attr-agi:63,157,82;
  --rgb-attr-mag:58,111,216;

  /* ---- 不透明度阶梯 ---- */
  --a-primary:1.0;
  --a-secondary:0.72;
  --a-weak:0.48;
  --a-disabled:0.24;
  --a-hairline:0.12;

  /* ---- 圆角 ---- */
  --r-card:16px;  /* 卡片 / 托盘 / 大面板 */
  --r-panel:12px;  /* 浮层 / 内层面板 */
  --r-button:10px;  /* 按钮 / 动作条 */
  --r-chip:8px;  /* 小标签 / 键帽 */
  /* --r-pill  = 高的一半（用 999px 兜底） */
  --r-pill:999px;

  /* ---- 间距（一律 4 的倍数）---- */
  --sp-4:4px;
  --sp-8:8px;
  --sp-12:12px;
  --sp-16:16px;
  --sp-24:24px;
  --sp-32:32px;
  --sp-48:48px;
  --sp-64:64px;

  /* ---- 线宽 ---- */
  --ln-hairline:0.5px;  /* 只用于分隔，绝不用于勾边 */
  --ln-regular:1px;  /* 常规分隔 / 内描边 */
  --ln-strong:1.5px;  /* 强调 */
  --ln-selected:2px;  /* 选中态描边 */
  --ln-spine:3px;  /* 主线 / 粗描边 */

  /* ---- 投影层次 ---- */
  --el-0:none;  /* 贴在纸面上的东西（分隔块/内嵌区） */
  --el-1:0 1px 2px rgba(39,39,39,.06), 0 4px 12px -6px rgba(39,39,39,.14);  /* 普通卡片、门、列表项 */
  --el-2:0 2px 6px rgba(39,39,39,.07), 0 12px 28px -10px rgba(39,39,39,.18);  /* 托盘、浮层、 */
  --el-3:0 4px 12px rgba(39,39,39,.08), 0 28px 60px -18px rgba(39,39,39,.22);  /* 弹窗、模态 */

  /* ---- 字号 × 字重 ---- */
  --t-title-size:36px;
  --t-title-weight:600;
  --t-title-track:0.18em;
  --t-subhead-size:26px;
  --t-subhead-weight:600;
  --t-subhead-track:0.02em;
  --t-number-size:20px;
  --t-number-weight:600;
  --t-number-track:0.01em;
  --t-body-size:16px;
  --t-body-weight:400;
  --t-body-track:0.01em;
  --t-note-size:14px;
  --t-note-weight:400;
  --t-note-track:0.06em;
  --t-label-size:12px;
  --t-label-weight:500;
  --t-label-track:0.12em;

  /* ---- 动效 ---- */
  --dur-quick:100ms;
  --dur-base:160ms;
  --dur-slow:240ms;
  --dur-screen:360ms;
  --ease-standard:cubic-bezier(.2,0,0,1);
  --ease-enter:cubic-bezier(0,0,.2,1);
  --ease-exit:cubic-bezier(.4,0,1,1);
  --ease-emphasis:cubic-bezier(.34,1.56,.64,1);
}