/* ============================================================
   粮仓新语 · 跨工具设计 tokens（唯一定义处）
   源文件：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;       /* 移动端左右留白 */
}

/* 粮温实验台 C 风格，2026-10-04 用户选定。按主题启用，不改变其他工具。 */
:root[data-theme="spatial"]{
  --paper:#f3f6f9; --paper-warm:#e6edf3; --surface:#ffffff;
  --ink:#122b46; --ink-2:#4d647b; --ink-3:#74899b;
  --accent:#376da7; --accent-deep:#234f7d; --accent-tint:#e7eff8;
  --line:#dbe4ed; --line-2:#bdcddc;
  --brass:#b4823d; --alert:#c3422e; --alert-deep:#8f281d;
  --shadow:0 2px 8px rgba(28,54,79,.06),0 8px 24px rgba(28,54,79,.05);
  --shadow-lift:0 4px 12px rgba(28,54,79,.06),0 20px 60px rgba(28,54,79,.12);
  --scene-air:#dfe9f1; --scene-floor:#a6b6c4; --scene-base:#8295a5;
  --scene-wall:#f5f4ec; --scene-trim:#dce2e5; --scene-cable:#29465c;
  --scene-grain:#e5ba68; --scene-grain-side:#c99445;
  --thermal-cold:#5a8fb7; --thermal-mid:#efce79; --thermal-warm:#df7651;
}

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