:root {
  --bg-color: #fff;
  --bg-color-secondary: #fafafa;
  --text-color: #000000e0;
  --text-color-secondary: #00000073;
  --border-color: #f0f0f0;
  --header-bg: #fff;
  --sider-bg: #fff;
  --item-hover-bg: #f5f5f5;
  --card-bg: #fff;
}

body.dark {
  --bg-color: #141414;
  --bg-color-secondary: #1f1f1f;
  --text-color: #ffffffd9;
  --text-color-secondary: #ffffff73;
  --border-color: #303030;
  --header-bg: #141414;
  --sider-bg: #141414;
  --item-hover-bg: #1f1f1f;
  --card-bg: #1f1f1f;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

.search-highlight {
  background-color: #ffd54f !important;
  color: black !important;
  font-weight: bold;
  padding: 0 2px;
  border-radius: 2px;
}