/* 观微多配色方案
   使用方式：在 <html> 上设置 data-scheme="xxx"
   可选：default / ink / cinnabar / celadon / dusk / warm
*/

/* ===== 默认（原有青金） ===== */
:root,
:root[data-scheme="default"] {
  --jade: #264e3a;
  --gold: #c4a471;
  --accent: #264e3a;
}

/* ===== 墨色 ===== */
:root[data-scheme="ink"] {
  --jade: #1a1a1a;
  --gold: #8b7355;
  --accent: #2c2c2c;
  --bg: #f7f6f3;
  --surface: #fffcf8;
  --ink: #1a1a1a;
  --text: #333;
  --muted: #666;
  --line: #e0ddd6;
  --pale: #f0eee8;
}
:root[data-scheme="ink"][data-mode="dark"] {
  --bg: #121212;
  --surface: #1e1e1e;
  --ink: #f0f0f0;
  --text: #d0d0d0;
  --muted: #999;
  --line: #333;
  --pale: #252525;
  --gold: #a89070;
}

/* ===== 朱砂 ===== */
:root[data-scheme="cinnabar"] {
  --jade: #8b3a3a;
  --gold: #c45c4a;
  --accent: #a84848;
  --bg: #faf6f4;
  --surface: #fff9f7;
  --ink: #3d2a28;
  --text: #4a3533;
  --muted: #7a6560;
  --line: #e8dcd8;
  --pale: #f5ebe8;
}
:root[data-scheme="cinnabar"][data-mode="dark"] {
  --bg: #1a1212;
  --surface: #261c1c;
  --ink: #f0e0dc;
  --text: #d8c8c4;
  --muted: #a0908c;
  --line: #3a2a2a;
  --pale: #2e2222;
  --jade: #c46a6a;
  --gold: #d47868;
}

/* ===== 青瓷 ===== */
:root[data-scheme="celadon"] {
  --jade: #3d6b5a;
  --gold: #7a9a7a;
  --accent: #4a7c6a;
  --bg: #f4f7f5;
  --surface: #fafcfb;
  --ink: #1e332c;
  --text: #2a4038;
  --muted: #5a7068;
  --line: #d8e4de;
  --pale: #e8f0ec;
}
:root[data-scheme="celadon"][data-mode="dark"] {
  --bg: #121a18;
  --surface: #1a2622;
  --ink: #e0ece6;
  --text: #c0d0c8;
  --muted: #809890;
  --line: #2a3a34;
  --pale: #1e2e28;
  --jade: #6a9a88;
  --gold: #8aaa8a;
}

/* ===== 暮色 ===== */
:root[data-scheme="dusk"] {
  --jade: #4a3d6b;
  --gold: #a080c0;
  --accent: #5a4a7c;
  --bg: #f6f4f8;
  --surface: #faf8fc;
  --ink: #2a2438;
  --text: #3a3448;
  --muted: #6a6478;
  --line: #e0dce8;
  --pale: #eeeaf2;
}
:root[data-scheme="dusk"][data-mode="dark"] {
  --bg: #14121a;
  --surface: #1e1a26;
  --ink: #e8e0f0;
  --text: #c8c0d8;
  --muted: #9088a0;
  --line: #2e2a3a;
  --pale: #221e2e;
  --jade: #8a7aaa;
  --gold: #b0a0d0;
}

/* ===== 暖阳 ===== */
:root[data-scheme="warm"] {
  --jade: #8b5a2b;
  --gold: #d4a054;
  --accent: #a06a3a;
  --bg: #faf7f2;
  --surface: #fffbf6;
  --ink: #3d2e20;
  --text: #4a3828;
  --muted: #7a6858;
  --line: #e8ddd0;
  --pale: #f5eee4;
}
:root[data-scheme="warm"][data-mode="dark"] {
  --bg: #1a1612;
  --surface: #261e18;
  --ink: #f0e8dc;
  --text: #d8d0c4;
  --muted: #a0988c;
  --line: #3a3228;
  --pale: #2e261e;
  --jade: #c48a5a;
  --gold: #e0b070;
}

/* 方案切换器样式 */
.scheme-switcher {
  display: flex;
  gap: 6px;
  align-items: center;
}
.scheme-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease;
}
.scheme-dot:hover {
  transform: scale(1.15);
}
.scheme-dot.active {
  border-color: var(--ink);
}
.scheme-dot:root[data-scheme="default"] { background: #264e3a; }
.scheme-dot:root[data-scheme="ink"] { background: #1a1a1a; }
.scheme-dot:root[data-scheme="cinnabar"] { background: #8b3a3a; }
.scheme-dot:root[data-scheme="celadon"] { background: #3d6b5a; }
.scheme-dot:root[data-scheme="dusk"] { background: #4a3d6b; }
.scheme-dot:root[data-scheme="warm"] { background: #8b5a2b; }

@media (max-width: 760px) {
  .scheme-switcher {
    gap: 4px;
  }
  .scheme-dot {
    width: 16px;
    height: 16px;
  }
}
:root[data-scheme=ink][data-mode=dark]{--jade:#76766f}

:root[data-scheme=default]{--bg:#f5f3ed;--surface:#fffefa;--ink:#233e37;--text:#3e4e47;--muted:#747d71;--line:#dedfd4;--jade:#204f43;--gold:#a67c48;--pale:#e9eee6;color-scheme:light}:root[data-scheme=default][data-mode=dark]{--bg:#15241f;--surface:#1c2f28;--ink:#e1e8d7;--text:#c1cdbd;--muted:#9fae99;--line:#35483a;--jade:#507c62;--gold:#c4a471;--pale:#2b4133;color-scheme:dark}