.btn {
  background-color: var(--primary);
  color: white;
  font-family: var(--font-family);
  border: none;
  cursor: pointer;
}

.chatWrapper {
  background-color: var(--primary);
}

.chip {
  background-color: var(--surface);
  color: var(--primary);
}

.chip-selected {
  background-color: var(--primary);
  color: white;
}

.draggableNumber {
  background-color: var(--primary);
  color: white;
}

.p-float-label {
  color: var(--ink-400);
}

.legacy-float-label {
  font-family: var(--font-family);
  color: inherit;
}

.menu-list,
.top-menu {
  background-color: var(--surface);
}

.reorder-list {
  background-color: var(--surface);
}

.background {
  background-color: var(--bg);
}

.textContainer,
.icon {
  color: var(--ink-900);
}

.card {
  background-color: var(--surface);
}

.inputTxt {
  background-color: var(--surface);
  color: var(--ink-900);
}

.incrementNumberButton,
.decrementNumberButton {
  background-color: var(--surface) !important;
  color: var(--ink-900) !important;
}

.c-json-view {
  background-color: var(--surface) !important;
}

.highlight {
  background-color: var(--primary);
  color: white;
}