/* ============================================================================
   每日盘盘 — 设计令牌
   ----------------------------------------------------------------------------
   方向：工业实用 / 专业终端（Industrial · Professional Terminal）
   受众：自用 A 股看盘，追求信息密度与一眼可读，不要花哨装饰。

   三个核心决策：
   1) 唯一强调色是「琥珀 #f0b90b」—— 终端设备的标志色。它既不与涨红跌绿
      的语义色冲突，又比烂大街的科技蓝有辨识度。
   2) 表面用「暖调近黑」而非纯黑，避免长时间盯盘的眼睛疲劳；
      分隔线一律做到发丝级（1px + 极低对比度），靠密度而非色块划分区域。
   3) 数字一律走等宽 + tabular-nums，保证纵向对齐不跳动。

   注意：涨 = 红、跌 = 绿，是中国市场习惯，与欧美惯例相反。
   全站只允许通过下面这组语义变量取色，组件里禁止硬编码色值。
   ========================================================================== */

:root {
  /* ---------------------------------------------------------------- 表面 */
  --bg:           #0a0b0d;   /* 页面底 */
  --surface:      #0f1115;   /* 一级面板 */
  --surface-2:    #14171d;   /* 二级面板 / 卡片 */
  --surface-3:    #1b1f27;   /* 控件底 / 悬停 */
  --surface-4:    #232833;   /* 激活底 */

  /* ------------------------------------------------------------ 发丝分隔线 */
  --line-soft:    #161920;   /* 面板内分隔 */
  --line:         #20252e;   /* 常规边框 */
  --line-hard:    #2d343f;   /* 强调边框 / 表格表头 */

  /* ---------------------------------------------------------------- 文字 */
  --ink:          #e8ebf2;   /* 主文字（对 --bg 对比度 ≈ 15:1） */
  --ink-2:        #99a2b1;   /* 次要文字（≈ 7.5:1） */
  --ink-3:        #6a7381;   /* 标签 / 单位（≈ 4.6:1，正文下限） */
  --ink-4:        #3f4652;   /* 装饰 / 禁用 */

  /* ------------------------------------------- 语义色：涨红跌绿（中国习惯） */
  --up:           #ef232a;
  --down:         #14b143;
  --flat:         #7d8698;
  --up-bg:        rgba(239, 35, 42, .12);
  --down-bg:      rgba(20, 177, 67, .12);
  --up-line:      rgba(239, 35, 42, .40);
  --down-line:    rgba(20, 177, 67, .40);

  /* --------------------------------------------------- 强调色：琥珀（唯一） */
  --accent:       #f0b90b;
  --accent-2:     #ffd049;   /* 悬停提亮 */
  --accent-bg:    rgba(240, 185, 11, .09);
  --accent-line:  rgba(240, 185, 11, .30);
  --accent-glow:  rgba(240, 185, 11, .20);

  /* ---------------------------------------------------------------- 字体 */
  /* 刻意不引外链字体：国企内网 / 云上部署都会因 CDN 不通而掉字。
     等宽栈优先 JetBrains Mono（若本机已装），否则退到系统等宽。 */
  --font-mono: "JetBrains Mono", "Cascadia Mono", "SF Mono", Consolas,
               "DejaVu Sans Mono", ui-monospace, monospace;
  --font-sans: "HarmonyOS Sans SC", "Source Han Sans SC", "PingFang SC",
               "Microsoft YaHei", "Hiragino Sans GB", sans-serif;

  /* --------------------------------------------------------------- 字阶 */
  /* 1.22 比例，够用且不碎 */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-15: 15px;
  --fs-17: 17px;
  --fs-21: 21px;
  --fs-26: 26px;
  --fs-32: 32px;

  /* --------------------------------------------------------------- 间距 */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 22px;
  --sp-7: 32px;
  --sp-8: 48px;

  /* ------------------------------------------------- 圆角（终端风：小而锐） */
  --r-1: 3px;
  --r-2: 5px;
  --r-3: 8px;

  /* ------------------------------------- 阴影（带环境色，不用纯黑死影） */
  --sh-1: 0 1px 2px rgba(0, 0, 0, .40);
  --sh-2: 0 6px 20px rgba(0, 0, 0, .45);
  --sh-3: 0 18px 48px rgba(0, 0, 0, .58);

  /* --------------------------------------------------------------- 动效 */
  --ease:   cubic-bezier(.16, 1, .3, 1);
  --dur-1:  150ms;   /* 微交互 */
  --dur-2:  300ms;   /* 常规过渡 */
  --dur-3:  600ms;   /* 场景过渡 */

  /* --------------------------------------------------------------- 尺寸 */
  --topbar-h: 52px;
  --ticker-h: 48px;
}