/*
 * 设计变量层。
 *
 * 旧版的三个具体问题，这里逐条收敛：
 *
 * 1. 六个强调色同时在用（道金 / 法绿 / 术蓝 / 器紫 / warn / ok），
 *    而且它们还外溢到边框、正文、标签上 —— 满屏都在抢注意力。
 *    现在：**一个主色**负责所有交互反馈（焦点、选中、主按钮）；
 *    四个层级色**只允许出现在层级徽章上**，不许外溢。
 *
 * 2. 十三级字号（10.5/11/11.5/12/12.5/13/13.5/14/14.5/15/15.5/17/19），
 *    没有比例规律，所以看不出层次。现在收敛成 6 级阶梯。
 *
 * 3. 等宽字体被用在 label / meta / tag / h3 / h4 上 —— 中文用等宽很难看，
 *    而且丧失了「等宽 = 这是机器数据」的信号。现在只用于 id、token 数、时间戳。
 *
 * 另外整体加大留白、提高对比：正文 15px、行高 1.75，
 * 主文字与背景对比度约 16:1（旧版 #e6e8ec on #0e0f12 约 12:1）。
 */
:root {
  /* ── 表面：越靠上越亮，层次靠亮度差而不是边框 */
  --bg:          #08090b;
  --surface:     #101216;
  --surface-2:   #171a20;
  --surface-3:   #1e222a;
  --line:        #23272f;
  --line-strong: #343a45;

  /* ── 文字：三级，对比度足够 */
  --tx:   #f0f2f5;
  --tx-2: #a8b0bd;
  --tx-3: #6e7683;

  /* ── 唯一主色。所有交互反馈都用它，不再一个功能一个颜色 */
  --accent:      #5b9dff;
  --accent-dim:  rgba(91, 157, 255, .14);
  --accent-line: rgba(91, 157, 255, .42);

  /* ── 四个层级色：**只用于层级徽章**，不做边框/正文色 */
  --dao: #e0b445;
  --fa:  #4fb894;
  --shu: #6ba8f5;
  --qi:  #b98ede;

  /* ── 状态色：语义明确才用 */
  --warn:   #f0885a;
  --ok:     #4fb894;
  --danger: #e06c5a;

  /* ── 字号阶梯：6 级，1.15~1.35 倍递进 */
  --t-xs:   12px;   /* 元数据、等宽小字 */
  --t-sm:   13px;   /* 次要标签 */
  --t-base: 15px;   /* 正文 */
  --t-md:   17px;   /* 卡片主命题 */
  --t-lg:   22px;   /* 页面标题 */
  --t-xl:   30px;   /* 统计大数字 */

  --lh-tight: 1.4;
  --lh-base:  1.75;

  /* ── 间距：4px 栅格。旧版用了 5/6/7/9/11/14/22/34 这类随意值 */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;

  --r-sm: 6px;
  --r:    10px;
  --r-lg: 14px;

  --nav-w: 216px;

  --font: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --shadow: 0 8px 32px rgba(0, 0, 0, .45);
  --ease: cubic-bezier(.22, .61, .36, 1);
}