/* 设计 Token —— 全站唯一颜色/字号来源。取值对齐 docs/ui-preview.html 的目标视觉。 */
:root {
  /* 背景三级 */
  --bg-base: #0b0f14;   /* 页面底 */
  --bg-card: #11161d;   /* 卡片 */
  --bg-hover: #1a212b;  /* 悬停/输入框 */
  --border: #232b36;

  /* 文字三级 */
  --text-1: #e8edf2;    /* 主要数字/标题 */
  --text-2: #98a4b3;    /* 标签/次要 */
  --text-3: #5f6b7a;    /* 时间戳/脚注 */

  /* 语义色:A股惯例 红涨绿跌(默认;见 body.theme-green-up 反转) */
  --up: #f0483e;
  --down: #26a269;
  --flat: #98a4b3;
  --accent: #5b8dee;    /* 交互/链接 */
  --warn: #d9a13b;
  --danger: #f0483e;

  /* 字号阶梯:只允许这 5 档 */
  --fs-num-lg: 26px;    /* 核心指标数字 */
  --fs-num: 15px;       /* 表格数字 */
  --fs-body: 13px;
  --fs-label: 12px;
  --fs-caption: 11px;

  /* 字体 */
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sans: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;

  /* 间距标尺:只允许 4/8/12/16/24/32 */
}

/* 配色切换:绿涨红跌(设置页写 body class,token 互换) */
body.theme-green-up {
  --up: #26a269;
  --down: #f0483e;
  --danger: #f0483e;
}