/* Compendium 配色令牌：两个配色（靛蓝 indigo / 铜橙 copper）× 明暗。
   外壳(app.css)和每个书页(page.css)共用这一份，所以主题切换时两边颜色一致。
   用法：<html data-palette="indigo|copper" data-theme="light|dark">，不写 data-theme 就跟随系统。
   想换颜色只改这个文件。 */

/* —— 靛蓝 · 明亮（默认） —— */
:root {
  --bg: #e9ecf4;
  --paper: #fcfcfe;
  --paper-2: #f2f4f9;
  --card: #ffffff;
  --side: #f6f7fb;
  --ink: #171a26;
  --ink-soft: #5a6076;
  --line: #dde1ec;
  --line-2: #c3c9db;
  --accent: #3a49c9;
  --accent-2: #5260dd;
  --on-accent: #ffffff;
  --hl: #e6a817;
  --link: #2f3fb8;
  --zebra: rgba(58, 73, 201, .045);
  --mark: #fde68a;
  --rd: #c0392b;
  --mixfg: 100%;   /* 原文自定义文字色保留的比例：深色下向白色提亮 */
  --mixbg: 100%;   /* 原文自定义底色保留的比例：深色下大幅压暗 */
  /* 书里的“用法颜色”约定：术语、法术、魔法物品、怪物 */
  --c-term: #1b7f4b;
  --c-spell: #6a3fd0;
  --c-item: #1c5fc4;
  --c-mon: #c53b10;
  /* 数据卡 / 信息框 */
  --sb-bg: #f5f6fb;
  --sb-cell-1: #e7eaf5;
  --sb-cell-2: #d9deef;
  --sb-cell-3: #e7eaf5;
  --sb-cell-4: #d9deef;
  --note-bg: #eef1fb;
  --ex-bg: #fff7dc;
  --paper-note: #f3f1ea;
  --shadow: 0 10px 30px rgba(23, 26, 38, .13);
  color-scheme: light;
}

/* —— 铜橙 · 明亮 —— */
:root[data-palette="copper"] {
  --bg: #ece9e4;
  --paper: #fdfcfa;
  --paper-2: #f5f2ee;
  --card: #ffffff;
  --side: #f8f6f2;
  --ink: #1d1a17;
  --ink-soft: #6a625a;
  --line: #e3ded7;
  --line-2: #cdc6bc;
  --accent: #b4470e;
  --accent-2: #d3601c;
  --on-accent: #ffffff;
  --hl: #1d7f8f;
  --link: #a23c09;
  --zebra: rgba(180, 71, 14, .05);
  --mark: #ffe08a;
  --sb-bg: #f8f4ee;
  --sb-cell-1: #efe6da;
  --sb-cell-2: #e4d8c8;
  --sb-cell-3: #efe6da;
  --sb-cell-4: #e4d8c8;
  --note-bg: #fbf1e6;
  --ex-bg: #fff4d6;
  --paper-note: #f3efe8;
  --shadow: 0 10px 30px rgba(29, 26, 23, .14);
}

/* —— 靛蓝 · 暗夜 —— */
:root[data-theme="dark"] {
  --bg: #080a11;
  --paper: #10131c;
  --paper-2: #171b27;
  --card: #151926;
  --side: #0d1019;
  --ink: #e5e8f3;
  --ink-soft: #98a0ba;
  --line: #242a3c;
  --line-2: #343b53;
  --accent: #98a5ff;
  --accent-2: #b3bcff;
  --on-accent: #0a0c14;
  --hl: #f2c14e;
  --link: #a9b3ff;
  --zebra: rgba(152, 165, 255, .06);
  --mark: #6a5818;
  --rd: #ff8f7e;
  --mixfg: 45%;
  --mixbg: 24%;
  --c-term: #6fd39b;
  --c-spell: #bba0ff;
  --c-item: #82b4ff;
  --c-mon: #ff9370;
  --sb-bg: #151a29;
  --sb-cell-1: #1c2236;
  --sb-cell-2: #232a42;
  --sb-cell-3: #1c2236;
  --sb-cell-4: #232a42;
  --note-bg: #141a2e;
  --ex-bg: #2a2512;
  --paper-note: #1c1d22;
  --shadow: 0 10px 30px rgba(0, 0, 0, .55);
  color-scheme: dark;
}

/* —— 铜橙 · 暗夜 —— */
:root[data-theme="dark"][data-palette="copper"] {
  --bg: #0b0908;
  --paper: #151210;
  --paper-2: #1e1a17;
  --card: #1a1613;
  --side: #110e0c;
  --ink: #ece6df;
  --ink-soft: #a39a90;
  --line: #2d2723;
  --line-2: #413932;
  --accent: #ff9b58;
  --accent-2: #ffb585;
  --on-accent: #1a0e05;
  --hl: #4fc3d4;
  --link: #ffb07a;
  --zebra: rgba(255, 155, 88, .06);
  --mark: #6d4a12;
  --sb-bg: #1d1814;
  --sb-cell-1: #272019;
  --sb-cell-2: #302820;
  --sb-cell-3: #272019;
  --sb-cell-4: #302820;
  --note-bg: #231a12;
  --ex-bg: #2b2412;
  --paper-note: #1d1b18;
}

/* —— 跟随系统：没有显式 data-theme 且系统是深色时，等同于暗夜 —— */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #080a11; --paper: #10131c; --paper-2: #171b27; --card: #151926; --side: #0d1019; --ink: #e5e8f3; --ink-soft: #98a0ba;
    --line: #242a3c; --line-2: #343b53; --accent: #98a5ff; --accent-2: #b3bcff; --on-accent: #0a0c14; --hl: #f2c14e; --link: #a9b3ff;
    --zebra: rgba(152, 165, 255, .06); --mark: #6a5818; --rd: #ff8f7e; --mixfg: 45%; --mixbg: 24%;
    --c-term: #6fd39b; --c-spell: #bba0ff; --c-item: #82b4ff; --c-mon: #ff9370;
    --sb-bg: #151a29; --sb-cell-1: #1c2236; --sb-cell-2: #232a42; --sb-cell-3: #1c2236; --sb-cell-4: #232a42;
    --note-bg: #141a2e; --ex-bg: #2a2512; --paper-note: #1c1d22; --shadow: 0 10px 30px rgba(0, 0, 0, .55); color-scheme: dark;
  }
  :root:not([data-theme])[data-palette="copper"] {
    --bg: #0b0908; --paper: #151210; --paper-2: #1e1a17; --card: #1a1613; --side: #110e0c; --ink: #ece6df; --ink-soft: #a39a90;
    --line: #2d2723; --line-2: #413932; --accent: #ff9b58; --accent-2: #ffb585; --on-accent: #1a0e05; --hl: #4fc3d4; --link: #ffb07a;
    --zebra: rgba(255, 155, 88, .06); --mark: #6d4a12;
    --sb-bg: #1d1814; --sb-cell-1: #272019; --sb-cell-2: #302820; --sb-cell-3: #272019; --sb-cell-4: #302820;
    --note-bg: #231a12; --ex-bg: #2b2412; --paper-note: #1d1b18;
  }
}