/* tokens.css — 全站唯一设计变量来源。三页都先加载本文件，再加载 style.css / components.css。 */
/* 第 1 段：基础颜色、字体族与版式变量 */
:root{
  --bg: #faf5ec;
  --surface: #fbf5eb;
  --surface-sand: #ede4d2;
  --ink: #1b1a16;
  --ink-soft: #6f6a5f;
  --line: #ddd3c2;
  --line-strong: #c9bda8;
  --accent: #8a2b25;
  --accent-dark: #6f211d;
  --green: #224b36;
  --footer: #262d23;
  --footer-ink: #f3ecdd;
  --footer-soft: #b9b3a3;
  --serif: 'Songti SC',SimSun,'Noto Serif SC',Georgia,serif;
  --sans: 'PingFang SC','Microsoft YaHei','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --wrap: 1376px;
  --gap: 24px;
  --radius: 2px;
  --shadow: 0 10px 30px -24px rgba(27,26,22,.35);

  /* 第 2 段：从首页高频字面量补充的语义色 */
  --bg-elevated: #16170f;           /* 3 处 */
  --ink-invert: #f7f1e4;            /* 3 处 */
  --shade: rgba(22,23,15,.48);     /* hero 图片压暗遮罩 */
  --line-alt: rgba(247,241,228,.12); /* 深色底上的分隔线 */
  --muted: #c8bca5;                /* 深色底上的辅助字 */
  --ink-alt: #ffffff;              /* 主按钮文字 */
  --surface-alt: #3f3b33;          /* 深色底上的次级文字 */

  --fs-1: 10.5px;                  /* 1 处 */
  --fs-2: 11px;                  /* 3 处 */
  --fs-3: 11.5px;                  /* 3 处 */
  --fs-4: 12px;                  /* 3 处 */
  --fs-5: 12.2px;                  /* 1 处 */
  --fs-6: 12.5px;                  /* 4 处 */
  --fs-7: 13px;                  /* 2 处 */
  --fs-8: 13.2px;                  /* 1 处 */
  --fs-9: 13.5px;                  /* 1 处 */
  --fs-10: 14px;                 /* 3 处 */
  --fs-11: 14.5px;                 /* 2 处 */
  --fs-12: 15.5px;                 /* 1 处 */
  --fs-13: 16px;                 /* 3 处 */
  --fs-14: 17px;                 /* 2 处 */
  --fs-15: 18.5px;                 /* 1 处 */
  --fs-16: 20px;                 /* 1 处 */
  --fs-17: 21px;                 /* 1 处 */
  --fs-18: 24px;                 /* 2 处 */
  --fs-19: 26px;                 /* 1 处 */
  --fs-20: 27px;                 /* 2 处 */

  --r-1: var(--radius);
  --r-2: 50%;

  --shadow-1: var(--shadow);
}