/* ============================================================
   tokens.css — 全站统一设计令牌·语义层
   ------------------------------------------------------------
   加载约定：
   1. 必须在所有其他业务样式之前加载；
   2. 基础刻度（--radius-* / --text-* / --border-* / --shadow-* /
      --font-family-*）以 design-system.css 为准，本文件不重复定义，
      避免同名变量双头维护；
   3. 本文件只定义 design-system 尚未覆盖的语义令牌，
      新组件一律引用这些语义名，禁止再硬编码颜色。
   ============================================================ */

:root {
    /* ---------- 涨跌语义色 ----------
       A 股惯例：红涨绿跌。所有涨跌相关 UI 必须使用这组语义色，
       禁止直接写 #f44336 / #4caf50 等旧 Material 值。 */
    --color-up: #ef4444;
    --color-up-strong: #dc2626;
    --color-up-soft: #fef2f2;
    --color-down: #22c55e;
    --color-down-strong: #16a34a;
    --color-down-soft: #f0fdf4;

    /* ---------- 表面色 ----------
       页面底色、卡片面、下陷区域，统一从这里取值。 */
    --surface-page: #f6f8fb;
    --surface-card: #ffffff;
    --surface-sunken: #eef2f7;

    /* ---------- 动效 ---------- */
    --motion-fast: 120ms ease;
    --motion-base: 200ms ease;
}