:root {
  --ink: #1f3c33;
  --ink-hover: #264a3f;
  --ink-soft: rgba(31, 60, 51, 0.07);
  --ink-softer: rgba(31, 60, 51, 0.05);
  --text: #1f2320;
  --text-2: #4a4a43;
  --text-3: #6d6a60;
  --text-4: #8a8578;
  --text-5: #a5a095;
  --bg: #fbfaf7;
  --bg-fade: rgba(251,250,247,1);
  --bg-fade-0: rgba(251,250,247,0);
  --sidebar-bg: #f3f1ec;
  --card-bg: #ffffff;
  --card-bg-2: #ffffff;
  --border: rgba(0, 0, 0, 0.08);
  --border-soft: rgba(0, 0, 0, 0.05);
  --hover: rgba(0,0,0,0.04);
  --hover-strong: rgba(0,0,0,0.06);
  --code-bg: rgba(0,0,0,0.04);
  --user-bubble: #eef0ec;
  --green-accent: #5ca97a;
  --danger: #c14343;
  --danger-strong: #b03434;
  --danger-soft: rgba(193, 67, 67, 0.08);
  --warning: #c58b1a;
  --warning-soft: rgba(197, 139, 26, 0.10);
  --info: #4f6c8a;
  --info-soft: rgba(79, 108, 138, 0.10);

  /* 横向间距统一（B6） */
  --gutter-main: 24px;
  --gutter-main-mobile: 16px;
  --scroll-thumb: rgba(0,0,0,0.08);
  --modal-backdrop: rgba(20, 22, 20, 0.32);
  /* 浅色模式 = 浅色 toast：白卡 + 深字，跟整页基调一致 */
  --toast-bg: #ffffff;
  --toast-fg: #14171a;
  --toast-border: rgba(20, 18, 18, 0.08);

  --font: "Inter", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
  --ease: cubic-bezier(0.25, 1, 0.5, 1);
  --fast: 150ms var(--ease);
  --sidebar-w: 260px;
}

html[data-theme="dark"] {
  --ink: #7fc39e;
  --ink-hover: #94d1ac;
  --ink-soft: rgba(127, 195, 158, 0.14);
  --ink-softer: rgba(127, 195, 158, 0.08);
  --text: #ecebe6;
  /* B5 深色对比度提亮：原 text-3..5 在深色背景上偏暗、阅读吃力 */
  --text-2: #d4d1c9;
  --text-3: #aba89e;
  --text-4: #8d8a80;
  --text-5: #74716a;
  --bg: #13161b;
  --bg-fade: rgba(19,22,27,1);
  --bg-fade-0: rgba(19,22,27,0);
  --sidebar-bg: #181b21;
  --card-bg: #1e2228;
  --card-bg-2: #262a32;
  --border: rgba(255, 255, 255, 0.09);
  --border-soft: rgba(255, 255, 255, 0.06);
  --hover: rgba(255,255,255,0.07);
  --hover-strong: rgba(255,255,255,0.11);
  --code-bg: rgba(255,255,255,0.07);
  --user-bubble: #2a3330;
  --green-accent: #7fc39e;
  --danger: #e07676;
  --danger-strong: #ee9090;
  --danger-soft: rgba(224, 118, 118, 0.14);
  --warning: #e3b057;
  --warning-soft: rgba(227, 176, 87, 0.16);
  --info: #8ea7c0;
  --info-soft: rgba(142, 167, 192, 0.14);
  --scroll-thumb: rgba(255,255,255,0.1);
  --modal-backdrop: rgba(0, 0, 0, 0.55);
  /* 深色模式 = 深色 toast：暗卡 + 亮字 */
  --toast-bg: #232629;
  --toast-fg: #ecebe6;
  --toast-border: rgba(255, 255, 255, 0.08);
}

button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
button:disabled { cursor: not-allowed; opacity: 0.55; }
kbd {
  padding: 0 4px;
  background: var(--hover);
  border-radius: 3px;
  font-family: inherit;
  font-size: 10.5px;
}