/* ============================================================
   00-tokens.css · 设计令牌（深色交易终端）
   层级约定：本文件不进入 @layer（未分层声明优先级最高）
   ============================================================ */

:root {
  /* 底色与面板 */
  --bg: #0a0e17;
  --panel: #111827;
  --panel-2: #0d1420;
  --elev: #172033;
  --line: #1f2a3c;
  --line-soft: #162032;

  /* 文字 */
  --ink: #e6ebf3;
  --dim: #93a3b8;
  --faint: #64748b;

  /* 行情色（国际惯例：买绿卖红） */
  --up: #16c784;
  --up-dim: rgba(22, 199, 132, 0.16);
  --down: #ea3943;
  --down-dim: rgba(234, 57, 67, 0.16);
  --accent: #3b82f6;
  --warn: #f59e0b;

  /* 圆角与间距 */
  --r1: 8px;
  --r2: 12px;
  --r3: 16px;
  --s1: 6px;
  --s2: 10px;
  --s3: 14px;
  --s4: 20px;

  /* 字体 */
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* 动效 */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}