/* tokens.css —— 设计令牌。改配色、字体、圆角只碰这一个文件。 */

/* ==========================================================================
   每日世界观察 · 设计系统
   --------------------------------------------------------------------------
   方向：编年 —— 编辑体例，颜色只在有含义的地方出现。

   判断依据：一个新闻产品里颜色是稀缺资源，把它花在品牌上就是从含义那里
   偷。所以这里没有品牌色：底色是冷灰纸，文字是墨，色彩只出现在涨跌、
   官方信源、核查等级、「有进展」这些真正需要区分的地方。

   结构靠字号、字重与空间建立，不靠色块和阴影。卡片式的等圆角白盒是
   通用模板的做法，这里不用。
   ========================================================================== */

:root {
  /* ── 纸与墨 ─────────────────────────────────────────── */
  --paper:   #ecedE9;   /* 页面底 */
  --surface: #f8f9f6;   /* 抬起的面 */
  --sunken:  #e0e2dc;   /* 空态 / 凹陷 */
  --ink:     #1a1c1e;   /* 主要文字 */
  --ink-2:   #52585c;   /* 次级 */
  --ink-3:   #888e91;   /* 弱化（仅用于元信息，不做正文） */
  --rule:    #cfd2cb;   /* 分隔 */
  --rule-2:  #e2e4de;   /* 更淡的分隔 */

  /* ── 语义色 ─────────────────────────────────────────── */
  --up:       #a8291f;  /* 涨 —— 中国惯例，不可与 --down 颠倒 */
  --down:     #16603b;  /* 跌 */
  --official: #8c2a1e;  /* 官方信源 */
  --disputed: #8a5a08;  /* 分歧 / 待核实 */
  --moved:    #1d4a61;  /* 「有进展」—— 唯一的功能性强调色 */

  /* ── 字体 ───────────────────────────────────────────── */
  --serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --sans:  "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* ── 度量 ───────────────────────────────────────────── */
  --gut:    28px;       /* 页面左右边距 */
  --wide:   1000px;     /* Hub 最宽（矩阵需要横向空间） */
  --read:   820px;      /* 阅读栏宽。原为 680px（约 40 字/行，最舒适），
                         但宽屏上只占中间一半、左右大片留白。加宽到 820
                         （约 48 字/行）换取横向铺展 —— 偏长一点，可接受 */

  --ease:   cubic-bezier(.4, 0, .2, 1);
}

/* 响应式基准字号：手机 ≈16px → 宽屏 ≈20px。