/* ============================================================
 * Design Tokens — 编辑部 / 档案感「知识工具」方向
 *   暖纸基底 · 墨色文字 · 衬线标题 · 发丝规则线 · 颗粒质感
 *   品牌渐变收敛为点睛（发丝线 / 标记），不做白底紫按钮。
 *   :root → Light（暖纸）/ [data-theme="dark"] → Dark（深墨）
 * ============================================================ */

:root {
  /* 字体 */
  --font-display: 'Fraunces', 'Songti SC', 'STSong', 'Noto Serif SC', Georgia, serif;
  --font-body: 'Newsreader', 'Songti SC', 'PingFang SC', Georgia, serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
    'Hiragino Sans GB', Roboto, Helvetica, Arial, sans-serif;

  /* 墨色文字 */
  --ink: #1d1a15;
  --ink-soft: rgba(29, 26, 21, 0.64);
  --ink-faint: rgba(29, 26, 21, 0.42);

  /* 暖纸背景 / 分区 */
  --paper: #f4efe6;
  --paper-2: #ece5d8;
  --card: #fbf8f1;
  --rule: rgba(29, 26, 21, 0.16);
  --rule-soft: rgba(29, 26, 21, 0.09);
  --surface-hover: rgba(29, 26, 21, 0.05);
  --nav-bg: rgba(244, 239, 230, 0.78);

  /* 品牌（不随主题）— 仅作发丝线 / 标记点睛 */
  --gradient-brand: linear-gradient(94.9deg, #A48CDF 8%, #DA79B4 42%, #F9739A 78%, #F9D173 120%);
  --focus-ring: rgba(73, 126, 235, 0.55);

  /* 图片框阴影（暖调） */
  --shot-shadow: 0 1px 1px rgba(29, 26, 21, 0.05), 0 30px 70px rgba(29, 26, 21, 0.16);

  /* 颗粒质感强度 */
  --grain-opacity: 0.045;

  --radius-md: 14px;
  --radius-lg: 20px;
}

[data-theme="dark"] {
  --ink: #efe9dd;
  --ink-soft: rgba(239, 233, 221, 0.64);
  --ink-faint: rgba(239, 233, 221, 0.4);

  --paper: #14110c;
  --paper-2: #1b170f;
  --card: #1d1810;
  --rule: rgba(239, 233, 221, 0.18);
  --rule-soft: rgba(239, 233, 221, 0.1);
  --surface-hover: rgba(239, 233, 221, 0.07);
  --nav-bg: rgba(20, 17, 12, 0.78);

  --focus-ring: rgba(125, 166, 255, 0.6);
  --shot-shadow: 0 1px 1px rgba(0, 0, 0, 0.5), 0 36px 80px rgba(0, 0, 0, 0.7);
  --grain-opacity: 0.06;
}