/* 配色令牌：两个配色（酒红黑 wine / 墨绿 emerald）× 明暗。
   外壳(app.css)和每个书页(page.css)共用这一份，所以主题切换时两边颜色一致。
   用法：<html data-palette="wine|emerald" data-theme="light|dark">，不写 data-theme 就跟随系统。 */

/* —— 酒红黑 · 明亮（默认） —— */
:root {
  --bg: #e6d9c6;
  --paper: #f8f1e4;
  --paper-2: #f0e5d0;
  --card: #fcf7ee;
  --ink: #2b2019;
  --ink-soft: #6f5c4f;
  --line: #dbc9ab;
  --accent: #7d1f2e;
  --accent-2: #a02a3c;
  --on-accent: #fff;
  --gold: #b79c61;
  --gold-hi: #d8b765;
  --link: #8e2a3a;
  --zebra: rgba(125, 31, 46, .07);
  --mark: #ffe58a;
  --rd: #c0392b;
  --mixfg: 100%;   /* 原文自定义文字色保留的比例：深色下向白色提亮 */
  --mixbg: 100%;   /* 原文自定义底色保留的比例：深色下大幅压暗 */
  --leather: #2b0f14;
  --leather-2: #3a171d;
  --leather-ink: #f0e0d0;
  --leather-soft: #bda596;
  --hero-1: #3d1219;
  --hero-2: #1f0a0e;
  --hero-glow: rgba(216, 183, 101, .28);
  --hero-glow-2: rgba(160, 42, 60, .5);
  --die-1: #c4465a;
  --die-2: #6c1420;
  --shadow: 0 8px 28px rgba(70, 30, 25, .18);
  color-scheme: light;
}

/* —— 墨绿 · 明亮 —— */
:root[data-palette="emerald"] {
  --bg: #d6ddd3;
  --paper: #f0f2ea;
  --paper-2: #e3e8dc;
  --card: #f6f8f1;
  --ink: #16221d;
  --ink-soft: #52625a;
  --line: #c4ccbd;
  --accent: #1f4a3c;
  --accent-2: #2f6552;
  --gold: #a89259;
  --gold-hi: #c9b06a;
  --link: #25604b;
  --zebra: rgba(31, 74, 60, .08);
  --leather: #0f1f19;
  --leather-2: #17302a;
  --leather-ink: #dfe8de;
  --leather-soft: #9db0a5;
  --hero-1: #14302a;
  --hero-2: #08130f;
  --hero-glow: rgba(201, 176, 106, .22);
  --hero-glow-2: rgba(45, 100, 80, .38);
  --die-1: #2f6b57;
  --die-2: #0c261d;
  --shadow: 0 8px 28px rgba(12, 36, 28, .2);
}

/* —— 酒红黑 · 暗夜 —— */
:root[data-theme="dark"] {
  --bg: #0b0708;
  --paper: #171012;
  --paper-2: #20161a;
  --card: #1f1519;
  --ink: #ece1da;
  --ink-soft: #ab9792;
  --line: #392a2e;
  --accent: #e8788a;
  --accent-2: #c24d62;
  --on-accent: #170d10;
  --gold: #c9a45f;
  --gold-hi: #e0c27d;
  --link: #f09aa8;
  --zebra: rgba(224, 108, 127, .07);
  --mark: #6b4a16;
  --rd: #ff8a78;
  --mixfg: 45%;
  --mixbg: 24%;
  --leather: #0f0709;
  --leather-2: #1a0f12;
  --leather-ink: #ead9cf;
  --leather-soft: #a88f88;
  --hero-1: #2a0d13;
  --hero-2: #0f0507;
  --shadow: 0 8px 28px rgba(0, 0, 0, .5);
  color-scheme: dark;
}

/* —— 墨绿 · 暗夜 —— */
:root[data-theme="dark"][data-palette="emerald"] {
  --bg: #070d0b;
  --paper: #0e1613;
  --paper-2: #151f1b;
  --card: #131c18;
  --ink: #dbe5dc;
  --ink-soft: #8a9d92;
  --line: #243129;
  --accent: #7fb29b;
  --accent-2: #4f8a73;
  --on-accent: #08120e;
  --gold: #bfa968;
  --gold-hi: #d8c27d;
  --link: #96c8b2;
  --zebra: rgba(127, 178, 155, .07);
  --mark: #5a5216;
  --leather: #070f0c;
  --leather-2: #0d1814;
  --leather-ink: #d6e2d7;
  --leather-soft: #82968b;
  --hero-1: #0d241d;
  --hero-2: #050c09;
  --die-1: #2f6b57;
  --die-2: #0c261d;
}

/* —— 跟随系统：没有显式 data-theme 且系统是深色时，等同于暗夜 —— */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #0b0708; --paper: #171012; --paper-2: #20161a; --card: #1f1519; --ink: #ece1da; --ink-soft: #ab9792;
    --line: #392a2e; --accent: #e8788a; --accent-2: #c24d62; --on-accent: #170d10; --gold: #c9a45f; --gold-hi: #e0c27d;
    --link: #f09aa8; --zebra: rgba(224, 108, 127, .07); --mark: #6b4a16; --rd: #ff8a78; --mixfg: 45%; --mixbg: 24%;
    --leather: #0f0709; --leather-2: #1a0f12; --leather-ink: #ead9cf; --leather-soft: #a88f88;
    --hero-1: #2a0d13; --hero-2: #0f0507; --shadow: 0 8px 28px rgba(0, 0, 0, .5); color-scheme: dark;
  }
  :root:not([data-theme])[data-palette="emerald"] {
    --bg: #070d0b; --paper: #0e1613; --paper-2: #151f1b; --card: #131c18; --ink: #dbe5dc; --ink-soft: #8a9d92;
    --line: #243129; --accent: #7fb29b; --accent-2: #4f8a73; --on-accent: #08120e; --gold: #bfa968; --gold-hi: #d8c27d;
    --link: #96c8b2; --zebra: rgba(127, 178, 155, .07); --mark: #5a5216;
    --leather: #070f0c; --leather-2: #0d1814; --leather-ink: #d6e2d7; --leather-soft: #82968b;
    --hero-1: #0d241d; --hero-2: #050c09; --die-1: #2f6b57; --die-2: #0c261d;
  }
}