/* ============================================================
   ui-tokens.css — 私募一站通设计令牌（260910 P0 视觉地基）
   全站唯一的颜色/字号/间距/圆角/阴影定义处。
   规则：新样式一律用这里的变量；旧变量（--blue-500 等）保留兼容。
   ============================================================ */
:root {
  /* ---- 蓝色主阶（蓝白商务基调） ---- */
  --blue-950: #082045;
  --blue-900: #0b2a5b;
  --blue-800: #103a7a;
  --blue-700: #14478f;
  --blue-600: #1d5cb8;
  --blue-500: #2f6fd0;   /* 主色：按钮、链接、强调 */
  --blue-400: #5a8fdd;
  --blue-300: #93b6e9;
  --blue-200: #c3d6f2;
  --blue-100: #e8f0fb;
  --blue-50:  #f4f8fd;

  /* ---- 中性色 ---- */
  --ink:    #1f2d3d;     /* 主文字 */
  --ink-2:  #5a6b7f;     /* 次文字 */
  --ink-3:  #8a97a8;     /* 弱提示 */
  --line:   #dde6f2;     /* 分割线/边框 */
  --line-2: #edf2f9;     /* 更浅的分割（表格行） */
  --bg:     #f6f9fc;     /* 页面底 */
  --white:  #ffffff;

  /* ---- 语义色 ---- */
  --up:     #d03050;     /* 涨/正收益（国内红涨） */
  --down:   #1a9e6b;     /* 跌/负收益 */
  --warn:   #d08a2f;
  --ok:     #2f9e5f;

  /* ---- 字号阶梯 ---- */
  --fs-xs:  12px;        /* 辅助小字 */
  --fs-sm:  13px;        /* 表格/次级 */
  --fs-md:  14px;        /* 正文基准 */
  --fs-lg:  16px;        /* 卡片标题/顶栏 */
  --fs-xl:  20px;        /* 页面级标题 */

  /* ---- 间距阶梯 ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px;
  --s-4: 16px; --s-5: 24px; --s-6: 32px;

  /* ---- 圆角 ---- */
  --r-sm: 6px;   /* 输入框、小按钮 */
  --r-md: 8px;   /* 按钮、标签 */
  --r-lg: 12px;  /* 卡片 */
  --r-xl: 16px;  /* 大容器/弹窗 */
  --r-pill: 999px; /* 胶囊（tabs、徽标） */

  /* ---- 阴影（蓝调，避免灰色脏影） ---- */
  --shadow-sm: 0 1px 3px rgba(11, 42, 91, .06);
  --shadow-md: 0 4px 14px rgba(11, 42, 91, .09);
  --shadow-lg: 0 12px 36px rgba(11, 42, 91, .14);

  /* ---- 动效 ---- */
  --t-fast: .15s ease;
  --t-med:  .25s ease;

  /* ---- 焦点环（可访问性，所有可聚焦元素统一） ---- */
  --focus-ring: 0 0 0 3px rgba(47, 111, 208, .16);
}