:root {
  /* 背景 4 层：底 / 面 / 悬浮 / inset */
  --bg:         #0b0e14;
  --bg-elev-1:  #131720;
  --bg-elev-2:  #1a1f2b;
  --bg-inset:   #0f131b;

  /* 前景 3 层 */
  --fg:         #e6edf6;
  --fg-dim:     #9aa5b5;
  --fg-muted:   #5f6b7d;

  /* 边框 */
  --border:        #232937;
  --border-strong: #2f3646;

  /* 语义色（A 股：红涨 / 绿跌 / 琥珀 warn）*/
  --red:      #ef4b4b;
  --red-bg:   rgba(239, 75, 75, 0.10);
  --green:    #22c58c;
  --green-bg: rgba(34, 197, 140, 0.10);
  --warn:     #f2b93c;
  --warn-bg:  rgba(242, 185, 60, 0.10);

  /* 品牌次金 (MA5 / 置顶 / 中评分 / 图形形态色) —— A 股 --red 是信号色不做品牌 */
  --gold:     #f6a957;
  --gold-bg:  rgba(246, 169, 87, 0.10);

  /* 危险按钮 (删除 / 清空 / 撤单 —— 与 --red 分家:红做涨跌信号,不做按钮语义) */
  --danger:    #8b3a3a;
  --danger-hi: #a54545;

  /* 主子色 */
  --accent:    #5b8cff;
  --accent-hi: #7aa2ff;
  --accent-bg: rgba(91, 140, 255, 0.12);

  /* 间距（8pt 网格）*/
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 24px;  --s-6: 32px;  --s-8: 48px;

  /* 字号 */
  --fs-xs:  11px;  --fs-sm:  12px;  --fs-md:  13px;
  --fs-lg:  15px;  --fs-xl:  20px;  --fs-2xl: 28px;  --fs-3xl: 36px;

  /* 行高 */
  --lh-tight: 1.2;
  --lh-body:  1.5;

  /* 字体栈 */
  --ff-text: -apple-system, "SF Pro Text", "PingFang SC", "Microsoft YaHei",
             "Segoe UI", Roboto, sans-serif;
  --ff-num:  ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* 圆角 */
  --r-1: 4px;   --r-2: 8px;   --r-3: 10px;  --r-4: 14px;

  /* 阴影 */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.20), 0 0 0 1px var(--border);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, 0.30), 0 0 0 1px var(--border);
  --shadow-focus: 0 0 0 3px var(--accent-bg);

  /* 动效 */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;

  /* Layout */
  --sidebar-w: 200px;
}