/* ============================================================
   theme.css — 全站主题「夜弈 / 素笺」唯一来源
   ------------------------------------------------------------
   引用方: /                     (uqn-home/home.html)
           /wq/                  (go-wq index.html)
           /wq/status            (go-wq status.html + login.html)
           /wq/users             (go-wq users.html)
   ⚠️ 改颜色只改本文件, 不要在页面里另写一套, 否则又会漂移
   ⚠️ 两件事别混:
      · 主题 theme  = 整页明暗 (本文件, data-theme 属性)
      · 配色 scheme = 棋子红绿/黑白 (board.js, body.scheme-classic 类)
   ------------------------------------------------------------
   默认(data-theme 未设置) = 夜弈 = 改造前的原配色, 老用户视觉零变化
   ============================================================ */

:root,
html[data-theme="night"] {
  --bg:#1a1a2e;      --panel:#16213e;   --panel2:#1a2340;  --panel3:#121a33;
  --line:#2a2a4a;    --line2:#3a3a5a;   --line3:#444;
  --accent:#d4a574;  --accent2:#c4925a; --accent-soft:#cbbfa8;
  --accent-hover:#e8c193; --text-soft:#d9cbb2;
  --ink:#e0d5c1;     --ink-strong:#f0e6d2; --muted:#8a7a6a; --muted2:#6a6a8a;
  --ok:#27ae60;      --ok-dark:#2e7d32;
  --bad:#e74c3c;     --bad2:#c0392b;    --bad-soft:#ff6b6b; --bad-bg:#3a1f1f;
  --warn:#e67e22;    --info:#2980b9;    --info2:#16a085;   --purple:#8e44ad;
  --chip-bg:#3d3a10; --chip-fg:#ffd700; --chip-line:#8a7a2a; --chip-hover:#4d4a18;
  --on-accent:#1a1a2e;
  --header-bg:rgba(22,33,62,.6);
  --band-bg:rgba(22,33,62,.35);
  --hero-grid:#d4a574;
  --board-wood:#dcb35c;
  --shadow-card:0 12px 40px rgba(0,0,0,.45);
  color-scheme: dark;
}

/* 素笺 — 浅色宣纸 + 朱砂 */
html[data-theme="paper"] {
  --bg:#f2ede2;      --panel:#fffdf8;   --panel2:#efe8da;  --panel3:#e8e0ce;
  --line:#d9cfba;    --line2:#c6b89c;   --line3:#cbbda2;
  --accent:#8e2f22;  --accent2:#75251a; --accent-soft:#6a4e26;
  --accent-hover:#9c3527; --text-soft:#4a4236;
  --ink:#2b2721;     --ink-strong:#1a1712; --muted:#4f4839; --muted2:#5f5849;
  --ok:#256842;      --ok-dark:#1f5b39;
  --bad:#b3372b;     --bad2:#9c2b20;    --bad-soft:#c8564a; --bad-bg:#f7e2de;
  --warn:#a8620f;    --info:#2a6b8f;    --info2:#1f7a68;   --purple:#6f4a8e;
  --chip-bg:#f5ead4; --chip-fg:#5f3a13; --chip-line:#d8c39a; --chip-hover:#ecdcbe;
  --on-accent:#fffdf8;
  --header-bg:rgba(255,253,248,.88);
  --band-bg:rgba(255,253,248,.55);
  --hero-grid:#b1a084;
  --board-wood:#dcb35c;   /* 棋盘木色两主题一致: 那是棋盘, 不是皮肤 */
  --shadow-card:0 10px 26px rgba(90,70,40,.16);
  color-scheme: light;
}

/* ── 主题切换按钮(各页共用, 各页只需放 <button class="theme-btn" id="theme-btn">) ── */
.theme-btn{
  background:var(--panel2); color:var(--ink); border:1px solid var(--line);
  border-radius:7px; padding:5px 10px; cursor:pointer; font-size:13px;
  font-family:inherit; line-height:1.2; transition:border-color .15s,color .15s;
}
.theme-btn:hover{ border-color:var(--accent); color:var(--accent); }

/* ── 浅色主题下的质感微调(阴影/发光在浅底上显得脏) ── */
html[data-theme="paper"] .auth-box{ box-shadow:0 10px 30px rgba(90,70,40,.18); }
html[data-theme="paper"] .user-menu{ box-shadow:0 8px 20px rgba(90,70,40,.22); }
html[data-theme="paper"] .card{ box-shadow:0 2px 8px rgba(90,70,40,.08); }
html[data-theme="paper"] .hero h1{ text-shadow:none; }
html[data-theme="paper"] #board-canvas{ box-shadow:0 2px 10px rgba(90,70,40,.25); }

/* 首页 hero 的棋盘纹(SVG presentation attribute 优先级最低, CSS 可覆盖) */
.gridbg path{ stroke:var(--hero-grid); }