/* ==========================================================================
   v4 · Design System「午后窗边」+ 字体组合 A —— tokens（2026-10-17，按 briefs/v4-ds-material.md）
   默认生效：index.html 的 <html class="ds">；?ds=0 在首屏前去掉 class = 改之前的 v4（对照用）。
   来源：design-system/tokens.css、design-system/css/palettes.css（.pal-1）、对照板「迷你首页 · 1 午后窗边」。
   只换值，不换结构：v4 用到的变量名全部沿用 css/tokens.css。
   墙的光（窗光冷暖对角、夜里 2700K 台灯）在 js/layers.js 的 renderL4DS；卡片质感在 css/ds-material.css。
   header 的 PLIK 字标和中文字标不动（--font-brand-en / --font-brand-zh 不在这里改），等 Wanfang 拍板 A / B。
   ========================================================================== */
:root.ds {
  /* ---- 墙与纸：暖白墙，纸只比墙白一点点 ---- */
  --wall: #FAF7EF;
  --card: #FFFDF8;
  --card-back: #FCF9F2;
  --paper: #FFFDF8;
  --ds-paper: #FFFDF8;        /* 三张纸卡（魔法笔、衣服的家、月光变身湾）统一用这一种纸白，见 ds-material.css */
  --paper-edge: #E9E4D8;
  --edge-thick: #E7E2D6;
  --win: #F2EEE4;
  --edge: rgb(30 36 48 / .11);

  /* ---- 墨 ---- */
  --hair: rgb(var(--ink-rgb) / .08);
  --hair-2: rgb(var(--ink-rgb) / .15);

  /* ---- 透明片（内容色，夜里不变） ---- */
  --film-rgb: 127 195 234;
  --film-edge: 79 151 194;
  /* 透明卡的片：薄。注意旧 v4 的 .sheet 读 --film-a，但 js/light.js 初始化时把 --film-a: .5 写在了 :root 的内联样式上（它自己的「彩色透明片」参数），
     盖过了 tokens.css 的 .30 —— 实际是一块 50% 的浅蓝平板。DS 用自己的变量，不和 light.js 抢。 */
  --ds-film-a: .10;
  --film-tint: .5;            /* 片投在墙上的彩色光斑 */
  --blue: #7FC3EA; --pink: #F29BB8; --yellow: #F3C64A;

  /* ---- 影子：白天偏冷蓝灰（DS --sh-rgb 44 56 80），不是中性灰。黄金时刻 golden.js 会临时改写 ---- */
  --sh-rgb: 44 56 80;

  /* ---- 字：组合 A。中文苹方优先（苹果设备 0 KB），没有苹方用自托管的思源黑体分片；拉丁字母和数字走 Jakarta（PLIK Latin） ---- */
  --font-text: "PLIK Latin", "PingFang SC", "Noto Sans SC Variable", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "PLIK Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-title: 16.5px;

  /* ---- L0 / L4：墙的冷暖交给 renderL4DS；旧的「整墙阳光暖意」关掉，免得发黄 ---- */
  --wall-tex-k: .1;
  --sun-k: 0;
  --board-glow: .5;
}

/* ====================== 夜里：2700K 台灯照着的暖棕暗墙；墙暗，内容不暗 ====================== */
:root.ds[data-theme="night"] {
  --wall: #1C1915;            /* DS #1A1917 再往棕偏一点（Wanfang：偏棕的暖暗色，不是蓝黑） */
  --card: #26231E;            /* 只给小浮层（正文图片预览等）用；四张卡片夜里是亮的纸 / 背光的片，见 ds-material.css */
  --card-back: #23201B;
  --win: #14120F;
  --edge: rgb(238 233 223 / .10);
  --edge-thick: #3A352D;
  --paper: #EAE3D6;
  --ds-paper: #EAE3D6;        /* 台灯下的纸：亮、偏暖，不刺眼（夜里墙暗，内容不暗） */
  --paper-edge: #D3CABA;

  --ink-rgb: 238 233 223;     /* #EEE9DF 暖白墨 */
  --ink-2: rgb(var(--ink-rgb) / .80);
  --hair: rgb(var(--ink-rgb) / .09);
  --hair-2: rgb(var(--ink-rgb) / .17);

  --ds-film-a: .05;           /* 夜里片更薄：透出暖棕的墙，靠边缘一圈背光的蓝认出它（不然整张卡在棕墙上发灰） */
  --film-tint: .28;

  --sh-rgb: 8 5 2;            /* 台灯下的影子：暖黑，不是蓝黑 */
  --sh-k: 2.4;
  --wall-tex-k: .3;
  --board-glow: 1;
  color-scheme: dark;
}
/* header 后面的「光板」：夜里换成台灯的暖光（旧 v4 是偏蓝的冷光） */
:root.ds[data-theme="night"] .l4-board {
  background: radial-gradient(closest-side, rgb(255 214 168 / calc(.10 * var(--board-glow))), rgb(255 196 140 / calc(.035 * var(--board-glow))) 55%, rgb(0 0 0 / 0));
}