/* ==========================================================================
   一介凡人 · 设计变量
   墨夜为底，宣纸为字，青玉为灵，朱砂为印。
   ========================================================================== */

:root {
  /* 墨 —— 带一点青的夜色，不是纯黑 */
  --ink-950: #070a07;
  --ink-900: #0b0f0b;
  --ink-850: #0f140e;
  --ink-800: #131811;
  --ink-750: #171d15;
  --ink-700: #1c231a;
  --ink-600: #262e22;
  --ink-500: #35402e;

  /* 纸 */
  --paper: #e9e3d3;
  --paper-2: #d9d2be;
  --paper-3: #c3bba4;
  --paper-ink: #191d17;
  --paper-muted: #5c6153;

  /* 字 */
  --text: #e4dfd0;
  --text-soft: #b9b7a7;
  --muted: #8b9280;
  --muted-2: #848b7c;

  /* 灵光 */
  --jade: #4d7d68;
  --jade-2: #7fb29b;
  --jade-3: #a9d4bf;
  --cinnabar: #ae4430;
  --cinnabar-2: #c9634b;
  --gold: #c7a75f;
  --gold-2: #e0c98d;

  /* 界之色（由 JS 切换） */
  --realm: #7fb29b;
  --realm-soft: rgba(127, 178, 155, 0.16);
  --realm-glow: rgba(127, 178, 155, 0.35);

  /* 山水插画（由主题切换） */
  --scene-human-1: #0a0f0c;
  --scene-human-2: #070a08;
  --scene-human-sky: #86a083;
  --scene-spirit-1: #0a0f0c;
  --scene-spirit-2: #070a08;
  --scene-spirit-sky: #8fa8d6;
  --scene-immortal-1: #0a0f0c;
  --scene-immortal-2: #070a08;
  --scene-immortal-sky: #d8bd7c;

  /* 线 */
  --line: rgba(233, 227, 211, 0.12);
  --line-2: rgba(233, 227, 211, 0.2);
  --line-3: rgba(233, 227, 211, 0.34);
  --line-ink: rgba(25, 29, 23, 0.14);

  /* 字体：宋体承担正文与标题，楷体只作批注 */
  --serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong",
    "SimSun", "宋体", serif;
  --kai: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Kaiti TC", serif;
  --latin: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia,
    "Times New Roman", serif;
  --sans: "Source Han Sans SC", "Noto Sans SC", "PingFang SC",
    "Microsoft YaHei", "微软雅黑", sans-serif;
  --reading: var(--serif);

  /* 尺度 */
  --w-page: 1240px;
  --w-wide: 1420px;
  --pad-x: clamp(20px, 4vw, 64px);
  --section-y: clamp(72px, 9vw, 148px);

  --shadow-1: 0 2px 0 rgba(0, 0, 0, 0.25);
  --shadow-2: 0 18px 48px rgba(0, 0, 0, 0.42);
  --shadow-3: 0 32px 90px rgba(0, 0, 0, 0.55);

  --r: 2px;
  --dur: 240ms;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 正文字体选择：全部使用系统字体，不加载外部字体文件。 */
html[data-font="kai"] {
  --serif: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Kaiti TC", serif;
  --kai: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Kaiti TC", serif;
  --reading: var(--serif);
}
html[data-font="fangsong"] {
  --serif: "FangSong", "STFangsong", "仿宋", "FangSong_GB2312", serif;
  --kai: "FangSong", "STFangsong", "仿宋", "FangSong_GB2312", serif;
  --reading: var(--serif);
}
html[data-font="sans"] {
  --serif: "Source Han Sans SC", "Noto Sans SC", "PingFang SC",
    "Microsoft YaHei", "微软雅黑", sans-serif;
  --kai: "Source Han Sans SC", "Noto Sans SC", "PingFang SC",
    "Microsoft YaHei", "微软雅黑", sans-serif;
  --reading: var(--sans);
}

/* 三界主题：整站的颜色气候 */
html[data-realm="human"] {
  --realm: #86a083;
  --realm-soft: rgba(134, 160, 131, 0.14);
  --realm-glow: rgba(134, 160, 131, 0.32);
}
html[data-realm="spirit"] {
  --realm: #93a8d6;
  --realm-soft: rgba(147, 168, 214, 0.15);
  --realm-glow: rgba(147, 168, 214, 0.36);
}
html[data-realm="immortal"] {
  --realm: #d8bd7c;
  --realm-soft: rgba(216, 189, 124, 0.15);
  --realm-glow: rgba(216, 189, 124, 0.38);
}
html[data-realm="mortal"] {
  --realm: #a49b83;
  --realm-soft: rgba(164, 155, 131, 0.13);
  --realm-glow: rgba(164, 155, 131, 0.3);
}

/* 日间主题：暖白纸面，不直接反转夜色 */
html[data-theme="day"] {
  --ink-950: #ebe5d8;
  --ink-900: #f7f4ec;
  --ink-850: #fffdf8;
  --ink-800: #f3eee3;
  --ink-750: #ece5d7;
  --ink-700: #e4dccd;
  --ink-600: #d5ccba;
  --ink-500: #bdb3a0;

  --paper: #fffdf8;
  --paper-2: #f3eddf;
  --paper-3: #e5ddcc;
  --paper-ink: #191d17;
  --paper-muted: #59665d;

  --text: #1b211c;
  --text-soft: #344039;
  --muted: #59665d;
  --muted-2: #66736a;

  --jade: #2f6b52;
  --jade-2: #3d8064;
  --jade-3: #5a9a7a;
  --cinnabar: #9f3b2d;
  --cinnabar-2: #b84c3c;
  --gold: #8a6a2f;
  --gold-2: #9a7332;

  --scene-human-1: #5b6e5f;
  --scene-human-2: #3e5146;
  --scene-human-sky: #86a083;
  --scene-spirit-1: #5a6f8e;
  --scene-spirit-2: #3f526a;
  --scene-spirit-sky: #8fa8d6;
  --scene-immortal-1: #7c6b4c;
  --scene-immortal-2: #5a4b34;
  --scene-immortal-sky: #d8bd7c;

  --line: rgba(27, 33, 28, 0.14);
  --line-2: rgba(27, 33, 28, 0.22);
  --line-3: rgba(27, 33, 28, 0.34);
  --line-ink: rgba(25, 29, 23, 0.16);
  --shadow-1: 0 2px 0 rgba(36, 42, 35, 0.1);
  --shadow-2: 0 18px 48px rgba(36, 42, 35, 0.12);
  --shadow-3: 0 32px 90px rgba(36, 42, 35, 0.18);
}
html[data-theme="day"][data-realm="human"] {
  --realm: #3f7a5e;
  --realm-soft: rgba(63, 122, 94, 0.13);
  --realm-glow: rgba(63, 122, 94, 0.25);
}
html[data-theme="day"][data-realm="spirit"] {
  --realm: #4e6fa4;
  --realm-soft: rgba(78, 111, 164, 0.13);
  --realm-glow: rgba(78, 111, 164, 0.25);
}
html[data-theme="day"][data-realm="immortal"] {
  --realm: #8a6a2f;
  --realm-soft: rgba(138, 106, 47, 0.13);
  --realm-glow: rgba(138, 106, 47, 0.25);
}
html[data-theme="day"][data-realm="mortal"] {
  --realm: #6f6858;
  --realm-soft: rgba(111, 104, 88, 0.13);
  --realm-glow: rgba(111, 104, 88, 0.25);
}