/* ── 设计令牌 ────────────────────────────────────────────
   气质：温暖手绘绘本 + 博物馆展陈的克制。
   所有颜色、间距、圆角、阴影只在这里定义一次。
   ──────────────────────────────────────────────────── */

:root {
  /* 纸与墨 */
  --paper-0: #fdf8ec;   /* 最亮的纸，卡片面 */
  --paper-1: #f7eedd;   /* 常规纸 */
  --paper-2: #efe3cc;   /* 沉一点的纸，凹槽 */
  --paper-3: #e4d5ba;   /* 纸的阴影边 */
  --ink-0:   #3a2e24;   /* 主文字 */
  --ink-1:   #6b5c4d;   /* 次要文字 */
  --ink-2:   #93816d;   /* 辅助 / 占位 */
  --hair:    #d8c4a4;   /* 细线 */

  /* 泥土 */
  --soil:      #9b603f;
  --soil-dark: #6e4227;
  --soil-deep: #4a2b1a;
  --soil-lit:  #c08a5e;

  /* 草木 */
  --green:      #6f8d58;
  --green-dark: #4c6a3d;
  --green-lit:  #9dbb7d;

  /* 火 */
  --fire:      #ca5c32;
  --fire-lit:  #f0a04b;
  --fire-deep: #8c3418;

  /* 水与天 */
  --sky:   #a9c9d8;
  --water: #7fb0c4;

  /* 稀有 / 荣誉 */
  --gold:      #c1912f;
  --gold-lit:  #e8c55f;
  --gold-deep: #7d5c12;

  /* 语义 */
  --ok:   #5f8a45;
  --warn: #b9762a;
  --bad:  #a6432c;

  /* 圆角 */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 34px;

  /* 间距 */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 22px;
  --s-6: 30px;
  --s-7: 42px;

  /* 阴影：低角度暖光，不要冷灰 */
  --sh-1: 0 1px 2px rgba(74, 43, 26, .10);
  --sh-2: 0 3px 10px rgba(74, 43, 26, .13);
  --sh-3: 0 10px 28px rgba(74, 43, 26, .16);
  --sh-in: inset 0 2px 6px rgba(74, 43, 26, .14);

  /* 按钮的实体感：底部一道厚边，像木头按键 */
  --lip: 4px;

  /* 字体 */
  --font-ui: ui-rounded, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  --font-label: "Songti SC", "SimSun", "Noto Serif SC", serif; /* 展签、档案用宋体，有博物馆味 */

  /* 字号：只用这几档（V13.4 统一，散落的 11.5 / 12.5 / 13.5… 收拢到这里） */
  --fs-xs: 11.5px;
  --fs-sm: 13px;
  --fs-md: 15px;
  --fs-lg: 17px;
  --fs-xl: 21px;

  /* 层级：从低到高 */
  --z-side: 60;
  --z-fx: 90;
  --z-toast: 95;
  --z-modal: 120;

  --t-fast: 140ms;
  --t-mid: 260ms;
  --t-slow: 520ms;
  --ease: cubic-bezier(.22, .68, .32, 1);
  --ease-out-back: cubic-bezier(.2, 1.3, .4, 1);

  /* ── V9 手记语言（第二层令牌） ─────────────────────
     整个游戏是一本随营手记：山野各幕长在纸上，
     博物馆是另一个世界（深墙、射灯、宋体）。
     这里只放材质与两个世界的色板，组件自己去取。 */

  /* 纸纹：一张几百字节的内联 SVG 噪点，全场复用。
     它是背景图，浏览器只栅格化一次，不是实时滤镜——手机不吃亏。 */
  --tex-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .33 0 0 0 0 .22 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  /* 布纹：稍粗一点的经纬，麻布标签和木架背景用 */
  --tex-cloth: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='.55 .18' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .29 0 0 0 0 .18 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E");

  /* 手写体：系统楷体，零加载。手记批注、便签、涂鸦标注用 */
  --font-hand: "Kaiti SC", "STKaiti", "KaiTi", "TW-Kai", "AR PL KaitiM GB", serif;

  /* 便签与纸胶带 */
  --note-paper: #fbf3da;
  --tape: rgba(209, 178, 118, .45);

  /* 博物馆的世界（和分享展签卡同一套） */
  --wall-0: #1a1410;      /* 展墙深处 */
  --wall-1: #262019;      /* 展墙受光面 */
  --wall-line: rgba(199, 168, 114, .30);   /* 金线 */
  --plaque-paper: #f4ecdc; /* 展签卡纸 */
  --plaque-ink: #2b231c;
  --brass: #b09a74;        /* 铜牌 */
}

/* 深色环境下不反转配色（绘本气质靠暖纸支撑），只轻微压一下亮度 */
@media (prefers-color-scheme: dark) {
  :root { --page-dim: .96; }
}