/* ouuut-editorial · 全量:纸白 / 炭黑双模 + 和色六景 A/B/C/D + 章节提色
   用法:<html data-theme="paper|charcoal" data-palette="a|b|c|d" data-chapter="crime"> */

/* ---------- 纸白(默认) ---------- */
:root,
[data-theme="paper"],
[data-theme="light"] {
  color-scheme: light;
  --bg: #F5F3ED;
  --ink: #1A1A16;
  --muted: #5B5A53;
  --surface: rgba(26, 26, 22, .045);
  --accent-ink-mix: 85%;
  --accent-ink-target: #14140F;
  --accent-soft-mix: 10%;
}

/* ---------- 炭黑 ---------- */
[data-theme="charcoal"],
[data-theme="dark"],
.theme-ouuut-editorial.dark {
  color-scheme: dark;
  --bg: #0E0E0C;
  --ink: #EDEBE4;
  --muted: #A3A199;
  --surface: rgba(237, 235, 228, .055);
  --accent-ink-mix: 86%;
  --accent-ink-target: #FFFDF5;
  --accent-soft-mix: 14%;
}

/* ---------- 强调色组(两模共用) ---------- */
:root,
[data-palette="a"],
.theme-ouuut-editorial {
  --c-weather: #0C8B7A;    /* 青磁 */
  --c-quake: #A77109;      /* 山吹 */
  --c-crime: #CD5545;      /* 朱 */
  --c-cabinet: #3F7DCA;    /* 藍 */
  --c-housing: #678618;    /* 苔 */
  --c-population: #A165AE; /* 紫 */
}

[data-palette="b"] {  /* 矿物大地 */
  --c-weather: #378697;
  --c-quake: #A07244;
  --c-crime: #A96B66;
  --c-cabinet: #8873A2;
  --c-housing: #53885E;
  --c-population: #867C42;
}

[data-palette="c"] {  /* 双色印刷 */
  --c-weather: #3F7DCA;
  --c-quake: #CF5343;
  --c-crime: #3F7DCA;
  --c-cabinet: #CF5343;
  --c-housing: #3F7DCA;
  --c-population: #CF5343;
}

[data-palette="d"] {  /* 三色分类:自然 / 社会 / 人 */
  --c-weather: #688527;
  --c-quake: #688527;
  --c-crime: #CB5848;
  --c-cabinet: #CB5848;
  --c-housing: #427DC7;
  --c-population: #427DC7;
}

/* ---------- 派生色与语义别名 ---------- */
:root,
[data-theme],
.theme-ouuut-editorial {
  --accent-base: var(--c-crime);
  --accent: var(--accent-base);
  --accent-ink-base: color-mix(in oklab, var(--accent-base) var(--accent-ink-mix), var(--accent-ink-target));
  --accent-ink: var(--accent-ink-base);
  --accent-soft-base: color-mix(in srgb, var(--accent-base) var(--accent-soft-mix), transparent);
  --accent-soft: var(--accent-soft-base);

  --theme-bg: var(--bg);
  --theme-ink: var(--ink);
  --theme-muted: var(--muted);
  --theme-surface: var(--surface);
  --theme-accent: var(--accent);
  --theme-accent-ink: var(--accent-ink);

  --link: var(--accent-ink);
  --danger: var(--c-crime);
  --danger-ink: color-mix(in oklab, var(--c-crime) var(--accent-ink-mix), var(--accent-ink-target));
  --red: var(--c-crime);
  --green: var(--c-housing);
  --aqua: var(--c-weather);
  --blue: var(--c-cabinet);
  --purple: var(--c-population);

  --radius: 4px;
  --btn-radius: 2px;
}

/* ---------- 章节页:把该章的颜色提为页面重点色 ---------- */
[data-chapter="weather"]    { --accent-base: var(--c-weather); }
[data-chapter="quake"]      { --accent-base: var(--c-quake); }
[data-chapter="crime"]      { --accent-base: var(--c-crime); }
[data-chapter="cabinet"]    { --accent-base: var(--c-cabinet); }
[data-chapter="housing"]    { --accent-base: var(--c-housing); }
[data-chapter="population"] { --accent-base: var(--c-population); }