/* 《城迹》主题与配色：色板变量 + 可切换主题覆盖。
   由「美术」角色维护；布局/结构样式在 style.css（技术）。
   新增主题：此处加 .theme-<id> 覆盖块 + 在 themes.js 的 themeList 加一条。 */
:root {
  --population: #3fae5a;
  --economy: #d9a419;
  --tech: #2f6fd0;
  --culture: #8a4fbf;
  /* 指标色淡化版（面板迷你卡填充用） */
  --population-tint: rgba(63,174,90,.40);
  --economy-tint: rgba(217,164,25,.42);
  --tech-tint: rgba(47,111,208,.38);
  --culture-tint: rgba(138,79,191,.38);
  /* 政策 / 事件卡底色（无指标属性的卡） */
  --policy: #7c6a4a;
  --policy-tint: rgba(124,106,74,.34);
  --event: #5f6d78;
  --event-tint: rgba(95,109,120,.30);
  --ink: #26241f;
  --muted: #8a857c;
  --bg: #efeae0;
  --line: #e0d9cb;
  --card: #fffdf9;
  --accent: #b8860b;
}

/* ---------- 主题：墨玉（深色） ---------- */
body.theme-ink {
  --ink: #e9e5dd; --muted: #9b958a; --bg: #1c1e23; --line: #343943; --card: #242830; --accent: #c9a24a;
  background-image: none;
}
body.theme-ink .tbtn, body.theme-ink .act, body.theme-ink .btn-sec,
body.theme-ink .cat-row, body.theme-ink .opt, body.theme-ink .slot,
body.theme-ink .set-row, body.theme-ink .modal, body.theme-ink .stats,
body.theme-ink .pcard, body.theme-ink .log { background: #2b303a; color: #e2ddd4; border-color: #3a3f49; }
body.theme-ink .opt.on { background: #3a3320; color: #e8c877; border-color: var(--accent); }
body.theme-ink .status { background: #3a3320; border-color: #5a4c2a; color: #e8c877; }
body.theme-ink .mini { background: #343943; color: #cfc9bf; }
body.theme-ink .card { background: #242830; border-color: #343943; }
body.theme-ink .eff { color: #a8a294; }
body.theme-ink .dval { color: #e9e5dd; }
body.theme-ink .drow, body.theme-ink .log div { border-bottom-color: #343943; }
body.theme-ink .log div { color: #cfc9bf; }
body.theme-ink .slot.fc-done { background: #2f333c; }
body.theme-ink .lock-note { background: #3a3320; border-color: #5a4c2a; color: #e8c877; }

/* ---------- 卡图（data-art 分类 → 图片；路径相对本 CSS 文件，build_single 会内联为 data URI） ---------- */
.card[data-art="park"] .art { background-image: url(../../assets/card/art/park.png); }
.card[data-art="campus"] .art { background-image: url(../../assets/card/art/campus.png); }
.card[data-art="hospital"] .art { background-image: url(../../assets/card/art/hospital.png); }
.card[data-art="business"] .art { background-image: url(../../assets/card/art/business.png); }
.card[data-art="techpark"] .art { background-image: url(../../assets/card/art/techpark.png); }
.card[data-art="culture"] .art { background-image: url(../../assets/card/art/culture.png); }
.card[data-art="policy"] .art { background-image: url(../../assets/card/art/policy.png); }
.card[data-art="event"] .art { background-image: url(../../assets/card/art/event.png); }