/* 全站共用的颜色、字体、间距与动效基础。 */

:root {
  /* --- 基底：骨白与墨 ------------------------------------------------- */
  --tk-bone: #f6f5f3;          /* 画面底色 */
  --tk-bone-warm: #efece6;     /* 次级底色（卡面、凹陷） */
  --tk-file: #ffffff;          /* 档案 / 卡片面 */
  --tk-ink: #14161a;           /* 正文与轮廓 */

  /* --- 灰阶 ----------------------------------------------------------- */
  --tk-muted: rgba(20, 22, 26, 0.46);
  --tk-faint: rgba(20, 22, 26, 0.26);
  --tk-line: rgba(20, 22, 26, 0.16);
  --tk-hair: rgba(20, 22, 26, 0.08);

  /* --- 功能与模块颜色 ------------------------------------------------- */
  --tk-accent: #b4794a;        /* 褐 · 我方、可交互、当前选中 */
  --tk-program: #7060a8;       /* 紫 · 游戏程序与模块状态 */
  --tk-program-soft: rgba(112, 96, 168, 0.14);
  --tk-steel: #4a6b82;         /* 钢蓝 · 敌方、冷调工业 */
  --tk-gold: #9a7b3f;          /* 暗金 · 强化、升级、胜利 */
  --tk-alert: #9c4a3f;         /* 暗红 · 危险 */
  --tk-gain: #5f7a4f;          /* 鼠尾草绿 · 增益与在线状态 */

  /* 淡色底 */
  --tk-accent-soft: rgba(180, 121, 74, 0.14);
  --tk-steel-soft: rgba(74, 107, 130, 0.14);
  --tk-gold-soft: rgba(154, 123, 63, 0.16);
  --tk-alert-soft: rgba(156, 74, 63, 0.14);
  --tk-gain-soft: rgba(95, 122, 79, 0.14);

  /* --- 字体 ----------------------------------------------------------- */
  --tk-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --tk-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  /* --- 字阶 ----------------------------------------------------------- */
  --tk-display: clamp(20px, 2.5vw, 34px);  /* 左上角巨号标题 */
  --tk-title: clamp(16px, 1.5vw, 20px);    /* 区块标题 */
  --tk-body: 13px;                          /* 正文 */
  --tk-label: 11px;                         /* 等宽小标签（仪器感来源） */
  --tk-micro: 10.5px;                       /* 编号、极小注记 */

  --tk-track-label: 0.14em;
  --tk-track-display: 0.02em;

  /* --- 间距梯 --------------------------------------------------------- */
  --tk-gap-1: 4px;
  --tk-gap-2: 8px;
  --tk-gap-3: 14px;
  --tk-gap-4: 22px;
  --tk-gap-5: 34px;
  --tk-edge: clamp(18px, 3.2vw, 52px);     /* 页面四边留白 */
  --tk-top: clamp(88px, 12vh, 122px);      /* 顶部 HUD 起始高度 */

  /* --- 形状 ----------------------------------------------------------- */
  --tk-radius: 3px;            /* 克制的圆角：几乎是直角 */
  --tk-radius-lg: 6px;
  --tk-border: 1px;

  /* --- 动效 ----------------------------------------------------------- */
  --tk-ease: cubic-bezier(0.32, 0.02, 0.2, 1);      /* 位移、变换 */
  --tk-ease-soft: cubic-bezier(0.3, 0, 0.2, 1);     /* 淡入淡出 */
  --tk-dur-fast: 0.18s;
  --tk-dur: 0.4s;
  --tk-dur-slow: 0.6s;
}

/* 游戏页靠近项目页 3D 场景的暖白观感，避免大面积纯白。 */
body.minesweeper-page,
body.tower-page {
  --tk-bone: #e9e4e1;
  --tk-file: #f5f2ed;
  --tk-paper: #f7f4ee;
}