/* ============================================================
   tokens.css — 设计变量 + 配色主题
   主题色由 js/render.js 在运行时写入 :root（CSS 变量），
   这里只提供默认值（等价于 midnight 主题）。
   ============================================================ */

:root {
  /* 页面级 */
  --accent: #4da3ff;
  --bg: #0d1117;
  --panel: #161b22;
  --border: #2d333b;
  --text: #e6edf3;
  --muted: #8b949e;

  /* 语义色（固定，不随主题变化） */
  --ok: #3fb950;
  --bad: #f85149;

  /* 尺寸 */
  --side-width: 380px;
  --radius: 8px;
  --radius-sm: 6px;

  /* 动效 */
  --speed: 0.25s;
}

/* 供 JS 主题表（js/themes.js）参考的调色板：
   每个主题包含 bg / panel / border / text / muted /
   body / bodyStroke / base / baseStroke / key / keyStroke / label / accent
   共计 9 套，切换时通过 applyTheme() 覆盖上面的变量。 */