/* ═══════════════════════════════════════════════════════════════
   HSK 学习报告 · 设计 token 对齐层
   ---------------------------------------------------------------
   本页原有三层 :root（青绿 teal → 多彩 exam → 学术期刊风 seal），
   是三次改版叠出来的地层，前两层早被第三层覆盖、已是死代码，
   改造时一并删除。第三层那套独立色板（印章红 #C92C4E / Fraunces
   衬线 / 纸张底色）现全部改指官网设计系统的 token。

   ⚠ 变量定义在 .journal-theme（挂在 <main> 上）而非 :root ——
     :root 会连官网头部页脚一起改掉（--ink 正是头部底色）。
     作用域收进 main，外壳在容器外，互不影响。

   ⚠ 旧的 --red 在本页是「答错色」，与官网的品牌品红同名不同义，
     故全部语义色改名 --rp-*（report palette），把 --red 让回官网。
   ═══════════════════════════════════════════════════════════════ */
.journal-theme{
  /* 直接取官网 token —— 同名的 --ink / --ink-2 / --ink-3 / --gold 不再定义，自然继承 */
  --paper: var(--surface);
  --paper-2: var(--surface-2);
  --paper-3: var(--surface-3);
  --canvas: var(--surface-2);
  --muted: var(--ink-3);
  --line: var(--border);
  --line-soft: var(--border);
  --line-strong: var(--border-2);
  --seal: var(--red);
  --seal-dark: var(--red-dark);
  --seal-tint: var(--red-light);
  --teal: var(--red);
  --teal-dark: var(--red-dark);
  --teal-pale: var(--red-light);
  --trend-primary: var(--red);
  /* 官网只用 Inter，不引第二字族：衬线别名一并指回 --font */
  --serif: var(--font);
  --sans: var(--font);
  --radius: var(--radius-sm);
  --shadow: none;

  /* ── 领域语义色：答题状态与分项配色，官网设计系统未覆盖，保留自有值 ── */
  --rp-right: #5F9848;         /* 答对 */
  --rp-right-dark: #477A35;
  --rp-right-bg: #EEF6EA;
  --rp-wrong: #D75D5D;         /* 答错 */
  --rp-wrong-bg: #FFF0EF;
  --rp-ungraded: #D8892E;      /* 未批改 */
  --rp-ungraded-2: #BD6F1E;
  --rp-partial-green: #EEF6EA; /* 部分得分：对错各半的斜分底 */
  --rp-partial-red: #FDE8E6;
  --rp-partial-split: linear-gradient(45deg,
      var(--rp-partial-green) 0 47%, #F1F1E7 49%, #F4E7E4 51%, var(--rp-partial-red) 53% 100%);
  /* 分项：听力 / 阅读 / 书写。2026-08-18 按 Figma 改版取值，三色同时用于
     分项成绩卡、分部分反馈的得分率药丸、单题解析页签。 */
  --rp-listening: #1FABFF;
  --rp-reading: #00B42A;
  --rp-writing: #F7A84D;
}