/**
 * Legacy token bridge — 将旧变量桥接到 tokens.css 的 --wk-* 体系
 */
:root {
  --bg-primary:   var(--wk-bg-surface);
  --bg-secondary: var(--wk-bg-elevated);
  --bg-hover:     var(--wk-bg-hover);
  --text-primary: var(--wk-text-primary);
  --text-secondary: var(--wk-text-secondary);
  --text-tertiary:  var(--wk-text-tertiary);
  --border-color: var(--wk-border-default);
  --card-bg:      var(--wk-bg-surface);
  --sidebar-bg:   var(--wk-bg-base);
  --topbar-bg:    var(--wk-bg-base);
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#root {
  width: 100%;
  height: 100%;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  background-clip: padding-box;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #878787;
}

body[theme-mode=dark] ::-webkit-scrollbar-thumb {
  background: #565656;
}

body[theme-mode=dark] ::-webkit-scrollbar-thumb:hover {
  background: #424242;
}

/* 扩展端浮窗位置适配（tab 在右侧，浮窗从右侧弹出） */
.wk-navrail__settings-list {
  left: auto !important;
  right: 60px !important;
}

.wk-navrail__dropdown {
  left: auto !important;
  right: 12px !important;
}
