/* ============================================================================
   tokens.css —— 全站唯一的设计变量（改品牌色/状态色，改这一个文件）

   ----------------------------------------------------------------------------
   为什么要有这个文件：
     22 个页面里，:root（或 html[data-theme]）各写一遍变量，而且**同义不同名、
     同名不同值**：
       · --text-2(30处) 与 --text2(7处) 并存；--panel / --pnl / --surface 三个名一个意思
       · 亮色底 4 种（#f6f7f9 / #f6f8fb / #fbfbfd / #eef0f4）
       · 主蓝 5 种（#2563eb / #2f6bff / #4c8dff / #4f8cff / #0071e3）
       · "成功绿" 7 种、警示橙 4 种、错误红 4 种
     后果：想把主蓝调一下，得记得改 22 个文件里的 N 种写法；漏一个，
     那个页面就和别处颜色对不上。这正是"多个平台拼在一起"的视觉病根。

   这里统一成一份（值取全站多数派），调用方分两类：
     ① 大多数页面：删掉自己 :root 里的同名变量，直接吃这里的值
     ② 有意保留个性的页面（登录/模块门面的 Apple 白、电路画布、AI 控制台）：
        在自己的 <style> 里**后置覆盖** —— CSS 层叠天然支持，这里不动它们

   ★ 边界（别越写越大）：
     - 只收 12 个核心变量 + 少量确定同义的别名。--shadow / --r / --sans /
       --accent-2 / --h / --wire 这类**页面各自的东西**不收（各页圆角、字体、
       电路配色本来就该各管各的）。
     - 别名只为过渡老写法（--text2 → --text-2 等），新代码一律用标准名。
       等页面里的老写法清完，别名可以删。

   变更记录：
     2026-10-26  初版，值取当时 22 页的多数派
   ========================================================================= */

:root {
  /* 底与面 */
  --bg: #f6f7f9;
  --panel: #fff;
  --panel-2: #fafbfc;
  /* 线与字 */
  --line: #e5e7eb;
  --text: #1a1d24;
  --text-2: #4a5568;
  --text-3: #6b7a8d;
  /* 品牌与状态 */
  --accent: #2563eb;
  --ok: #12a06a;
  --warn: #a9701c;
  --err: #d64545;

  /* ---- 别名（过渡老写法，新代码别用） ---- */
  --text2: var(--text-2);
  --text3: var(--text-3);
  --pnl: var(--panel);
  --pnl2: var(--panel-2);
  --tx: var(--text);
  --tx2: var(--text-2);
  --tx3: var(--text-3);
}

html[data-theme="dark"] {
  --bg: #0d1117;
  --panel: #151b24;
  --panel-2: #1b2330;
  --line: #26303d;
  --text: #e6edf5;
  --text-2: #9aa8b8;
  --text-3: #8a94a6;
  --accent: #5c9bff;
  --ok: #3ecf8e;
  --warn: #f5a623;
  --err: #ff6b6b;
}