/* ============================================================
   球刻 QCUE · Design Tokens  v1 (专业交易平台风)
   所有颜色/字号/间距只在这里定义，页面禁止写死数值。
   ============================================================ */
:root{
  /* --- 中性色阶（冷灰，机构感） --- */
  --bg:#f4f6f8;
  --surface:#ffffff;
  --surface-2:#fafbfc;
  --surface-3:#f0f2f5;
  --ink:#0c1a14;          /* 主文字 */
  --ink-2:#475467;        /* 次级文字 */
  --ink-3:#8896a6;        /* 弱化文字/单位 */
  --ink-4:#b6c0cc;        /* 占位/禁用 */
  --line:#e3e7ec;         /* 主分割线 */
  --line-2:#eef1f5;       /* 弱分割线 */

  /* --- 品牌（深绿，收敛使用） --- */
  --brand:#0b6b4f;
  --brand-700:#085640;
  --brand-600:#0a5f46;
  --brand-100:#d6ebe2;
  --brand-050:#ecf6f1;

  /* --- 行情语义色（中国习惯：红涨绿跌） --- */
  --up:#d92d20;
  --up-bg:#fef3f2;
  --down:#0f9d58;
  --down-bg:#ecfdf3;
  --warn:#b54708;
  --warn-bg:#fffaeb;
  --info:#175cd3;
  --info-bg:#eff8ff;

  /* --- 价格专用（金，仅用于价格数字） --- */
  --price:#8a5a00;
  --price-bg:#fdf6e3;

  /* --- 字号 --- */
  --fs-11:11px; --fs-12:12px; --fs-13:13px; --fs-14:14px;
  --fs-16:16px; --fs-18:18px; --fs-22:22px; --fs-28:28px; --fs-34:34px;

  /* --- 行高 --- */
  --lh-tight:1.25; --lh-base:1.5; --lh-loose:1.7;

  /* --- 间距（4 的倍数） --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px;

  /* --- 圆角（桌面交易系统：小圆角） --- */
  --r-sm:4px; --r:6px; --r-md:8px; --r-lg:10px; --r-pill:999px;

  /* --- 阴影（克制） --- */
  --sh-1:0 1px 2px rgba(16,24,40,.05);
  --sh-2:0 2px 6px rgba(16,24,40,.06);
  --sh-3:0 8px 24px rgba(16,24,40,.10);

  /* --- 字体 --- */
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  /* 数字用等宽，保证价格按位对齐 */
  --mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Mono",Consolas,monospace;

  /* --- 布局 --- */
  --page:1280px;
  --header-h:56px;
  --topbar-h:34px;
}