/* ============================================================
   烽烟前夜 · 设计令牌（B 方案：战报新闻）
   1914 年报纸电讯 —— 羊皮纸 / 墨黑 / 印章红

   这里是 mockups/b/tokens.css 的线上落地版，变量名保持一致，
   这样设计稿与线上样式可以对照着改。

   引入位置在 lib/html.php 的 </head> 前，tokens.css 必须在
   global.css 之后、组件样式之前加载 —— 组件样式里用 var()
   取值，若令牌缺失会整片失效（不是回退到字面量，是属性作废）。
   ============================================================ */

:root {
	/* ---- 表面与纸 ---- */
	--paper:#f2ecdf;          /* 页面底：报纸本色 */
	--paper-deep:#e7dfcd;     /* 深一档，用于页脚/分隔带 */
	--paper-raised:#fbf8f1;   /* 卡片面 */
	--paper-pure:#fffdf8;     /* 最亮：输入框、浮层 */
	--paper-sink:#ddd4bf;     /* 凹陷：轨道、禁用 */

	/* ---- 墨色层次 ---- */
	--ink:#16130e;            /* 标题墨 */
	--ink-body:#332e26;       /* 正文 */
	--ink-soft:#5d564a;       /* 次要 */
	--ink-faint:#696150;      /* 弱化 / meta */

	/* ---- 主色：印章红 ---- */
	--seal:#9e2b25;           /* 基准 */
	--seal-bright:#b8352c;    /* 悬停 */
	--seal-deep:#6e1c18;      /* 按下 */
	--seal-wash:rgba(158,43,37,.09);
	--seal-line:rgba(158,43,37,.28);

	/* ---- 辅色 ---- */
	--brass:#755820;          /* 黄铜：次级强调、勋章 */
	--brass-wash:rgba(138,106,47,.10);
	--brass-deep:#4A3410;     /* 黄铜深调：浅底上的黄铜文字需要它才够对比度 */
	--moss:#4a6146;           /* 苔绿：进行中/成功 */
	--moss-wash:rgba(74,97,70,.10);
	--moss-bright:#3B5238;   /* 浅底上的苔绿文字需要更深的值 */
	--slate:#4a5568;          /* 石板：进行中对局 */
	--slate-wash:rgba(74,85,104,.10);

	/* ---- 四季标签 ----
	 * 落地页与对局时间轴用它区分季节。春/夏复用苔绿与黄铜的浅底
	 * （本来就是从这两族取的），秋/冬需要独立的暖褐与冷蓝 ——
	 * 这两个色不在纸面/墨色任何一档里，替换成 paper 会让四季失去区分。
	 */
	--season-autumn:#eedcd4;  /* 秋：暖褐 */
	--season-winter:#dfe4ea;  /* 冬：冷蓝 */

	/* ---- 7 国语义色（沿用 variants/Classic/resources/style.css） ---- */
	--nat-eng:#CE7800; --nat-fra:#DD51BD; --nat-ita:#007BA5;
	--nat-ger:#259901; --nat-aut:#8B481A; --nat-tur:#D62929;
	--nat-rus:#6F005D;
	/* 土耳其的第二色：原版用 #b8ad00 做土耳其的另一种呈现（偏黄），
	   与 --nat-tur 的正红区分。给它独立名字而不是就地写死，
	   是为了让「这是哪一国的颜色」在样式表里可查。 */
	--nat-tur-alt:#b8ad00;
	/* 舰队标识色（海军的深蓝）。陆军用 --moss，空军沿用各国色。 */
	--navy:#0b0b87;

	/* ---- 字体 ---- */
	--font-display:"Noto Serif SC","Songti SC","Source Han Serif SC",Georgia,serif;
	--font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
	--font-num:"Noto Serif SC",Georgia,serif;
	--font-mono:"Roboto Mono","Consolas","Menlo",ui-monospace,monospace;

	/* ---- 尺度 ---- */
	--s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
	--s6:32px; --s7:48px; --s8:64px; --s9:96px;

	/* ---- 版心宽度 ----
	 * 页头、内容区、页脚、落地页、大厅卡片此前各用一个自己的值：
	 * 800 / 820 / 860，再叠一层负边距变成 868。三个值并存导致同一页里
	 * 左右边界不齐（截图里最明显的是落地页三屏卡片比正文左边界更靠左）。
	 *
	 * 1080 的取法：1280 及以上的常见桌面下两侧留白各约 100px，比原来
	 * 800 时的 240px 舒适；而再宽（设计稿的 1560）会让中文正文行长
	 * 超过 70 字，阅读体验反而下降。
	 */
	--content-max:1080px;

	/* ---- 圆角：克制，报纸感 ---- */
	--r-xs:2px; --r-sm:3px; --r-md:4px; --r-lg:6px;

	/* ---- 描边 ---- */
	--rule:rgba(22,19,14,.13);
	--rule-strong:rgba(22,19,14,.24);
	--rule-double:rgba(22,19,14,.34);

	/* ---- 阴影：带环境色，不用纯黑 ---- */
	--sh-1:0 1px 2px rgba(58,48,32,.07);
	--sh-2:0 2px 8px rgba(58,48,32,.09), 0 1px 2px rgba(58,48,32,.06);
	--sh-3:0 8px 28px rgba(58,48,32,.13), 0 2px 6px rgba(58,48,32,.07);
	--sh-inset:inset 0 1px 0 rgba(255,255,255,.7);

	/* ---- 动效 ---- */
	--ease:cubic-bezier(.16,1,.3,1);
	--ease-out:ease-out;
	--d-fast:150ms; --d-base:280ms; --d-slow:560ms;

	/* ---- 层级 ---- */
	--z-nav:60; --z-sticky:70; --z-drawer:80; --z-modal:90; --z-toast:100;
}

/* ============================================================
   暗色模式不在这里做。

   本项目的暗色不是 body class，而是加载 css/darkMode/ 下的另一套
   文件（见 lib/html.php: $darkMode 决定 CSSDIR 前缀），body 上没有
   任何标记。所以暗色令牌是独立文件：css/darkMode/tokens.css，
   与 global.css 的加载方式保持一致。

   暗色色板=A 沙盘电报的墨蓝，与 B 共享同一套语义结构 —— 换色板
   而不改结构，这是选「B 打底 + A 做深色模式」的前提。
   ============================================================ */