/* ============================================================
   Compassing AI · 设计系统 · Design Tokens v1
   唯一视觉真源。所有页面必须 <link> 本文件，不得各自定义颜色/间距/字体。
   设计总监(UX架构师+UI设计+品牌守护)定。改视觉=改这里一处，全站同步。
   视觉方向：研究终端风（《聪明钱面板调研》§5.2）——白底/浅灰、深色文字、
   蓝青表信息链接、琥珀表延迟/口径、红绿只用于客观增减。克制、可信、高密度。
   ============================================================ */
:root{
  /* —— 品牌 —— */
  --brand-ink:#161b26;          /* 主品牌色：墨黑（logo/主按钮/强调） */
  --brand-accent:#0e7490;       /* 强调青（数据/选中/链接强调） */
  --brand-accent-2:#2563eb;     /* 信息蓝（普通链接） */

  /* —— 背景与面板 —— */
  --bg:#f5f6f8;                 /* 页面底 */
  --panel:#ffffff;              /* 卡片/表格面板 */
  --panel-2:#fbfcfd;            /* 次级面板/表头区 */
  --head:#eef1f5;              /* 表头底 */

  /* —— 描边 —— */
  --line:#e3e6ea;               /* 主分隔线 */
  --line-2:#eef1f4;             /* 次级细线（表格行） */

  /* —— 文字 —— */
  --txt:#161b26;                /* 主文字 */
  --txt-mut:#5d6b80;            /* 次要文字 */
  --txt-mut-2:#9aa4b3;          /* 弱化/占位 */
  --txt-inv:#ffffff;            /* 反白 */

  /* —— 语义色（红绿只用于客观增减/涨跌字段） —— */
  --up:#15803d;   --up-bg:#e7f6ec;
  --down:#b42318; --down-bg:#fbeceb;
  --warn:#b45309; --warn-bg:#fdf6e8;   /* 琥珀：延迟/口径/Pro 墙 */
  --link:#2563eb;

  /* —— 数据来源标签色（语义固定，全站统一） —— */
  --src-official:#1d4ed8; --src-official-bg:#e7f0ff;  /* 官方源 */
  --src-daily:#047857;    --src-daily-bg:#e6f7f1;     /* 日频持仓 */
  --src-quarter:#6d28d9;  --src-quarter-bg:#f2f0fd;   /* 季度快照 13F */
  --src-kol:#be185d;      --src-kol-bg:#fdf0f5;       /* KOL/非持仓提及 */
  --src-gov:#b45309;      --src-gov-bg:#fdf3e7;       /* 国会披露 */

  /* —— 字体 —— */
  --font-sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  --font-num:'SF Mono',ui-monospace,'Roboto Mono',Menlo,monospace; /* 数字 tabular */

  /* —— 字号阶梯 —— */
  --fs-display:28px; --fs-h1:21px; --fs-h2:16px; --fs-h3:14px;
  --fs-body:13.5px; --fs-sm:12.5px; --fs-xs:11.5px;
  --lh:1.5;

  /* —— 间距阶梯（4px 基） —— */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;

  /* —— 圆角 —— */
  --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:12px; --r-pill:999px;

  /* —— 阴影（克制，几乎不用，仅 drawer/弹层） —— */
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 4px 16px rgba(16,24,40,.08);

  /* —— 布局 —— */
  --maxw:1280px;
  --bp-tablet:980px; --bp-mobile:640px;
}