/* ============================================================
   粮仓新语 · 设计 tokens（vendored 副本）
   源文件：website/shared/tokens.css —— 改动先改源文件，再同步到这里
   方案：A「年历·苔绿主干」，2026-09-24 用户终选定稿
   ============================================================ */
:root{
  /* ---- 纸与墨 ---- */
  --paper:#f6f4ee;          /* 页面底：暖米白纸 */
  --paper-warm:#efeae0;     /* 交替底：深一档的纸 */
  --surface:#fffdf8;        /* 卡片面 */
  --ink:#262b23;            /* 主文字 */
  --ink-2:#5c6153;          /* 次级文字 */
  --ink-3:#8a8e7f;          /* 弱化文字/脚注 */

  /* ---- 基础色板（收敛自既有工具的漂移值） ---- */
  --moss:#2f6b54;           /* 苔绿 */
  --moss-deep:#1f4432;      /* 深苔绿：深色岛、Hero 暗底 */
  --moss-tint:#e7eee7;      /* 苔绿浅底 */
  --seal:#b3362a;           /* 印章红：风险、危险动作、强调 */
  --seal-deep:#8c251c;
  --seal-tint:#f9ebe8;
  --ochre:#8f7024;          /* 赭：注意、条件触发 */
  --ochre-tint:#f5efdc;
  --brass:#b17a43;          /* 黄铜：标准号、条款定位等工程感元素 */

  /* ---- 语义映射（组件只允许用这一层） ---- */
  --accent:var(--moss);         /* 主动作、链接、品牌 */
  --accent-deep:var(--moss-deep);
  --accent-tint:var(--moss-tint);
  --alert:var(--seal);          /* 危险/警示 */
  --alert-deep:var(--seal-deep);
  --alert-tint:var(--seal-tint);
  --warn:var(--ochre);          /* 提醒/条件 */
  --warn-tint:var(--ochre-tint);

  /* ---- 线与影 ---- */
  --line:#e0dcc9;
  --line-2:#cfcab2;
  --shadow:0 1px 2px rgba(38,43,35,.06),0 4px 14px rgba(38,43,35,.05);
  --shadow-lift:0 2px 4px rgba(38,43,35,.08),0 12px 32px rgba(38,43,35,.10);

  /* ---- 字体（换字体只改这三行） ---- */
  --serif:"Noto Serif SC","Source Han Serif SC","Source Han Serif CN","STZhongsong","SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;
  --mono:"JetBrains Mono","Sarasa Mono SC",Consolas,"Courier New",monospace;

  /* ---- 字号 ---- */
  --fs-sm:13.5px;
  --fs-body:15.5px;
  --fs-h3:18px;
  --fs-h2:22px;
  --fs-h1:28px;
  --fs-hero:clamp(28px,4.5vw,44px);

  /* ---- 间距（4/8 节奏） ---- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;

  /* ---- 圆角 ---- */
  --radius-s:8px; --radius-m:12px; --radius-l:16px;

  /* ---- 动效 ---- */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --t-fast:180ms;      /* 微交互 */
  --t-mid:280ms;       /* 状态切换 */
  --t-block:550ms;     /* 区块入场 */
  --t-stagger:45ms;    /* 列表错峰间隔上限 */

  /* ---- 布局 ---- */
  --wrap:1060px;       /* 桌面内容宽 */
  --gutter:20px;       /* 移动端左右留白 */
}

/* 尊重系统的减弱动态偏好：全站动画退化为瞬时 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}