@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
:root {
  --text-color: #ffffff;
  --icon-color: #acacbe;
  --icon-hover-bg: #2f377b;
  --placeholder-color: #dcdcdc;
  --outgoing-chat-bg: #343541;
  --incoming-chat-bg: #444654;
  --outgoing-chat-border: #343541;
  --incoming-chat-border: #444654;
  --userinput-send-button: rgb(3, 3, 77);
  --userinput-reset-button: rgb(3, 3, 77);
  --typing-controls-flex-direction: row;
}
@media screen and (min-height: 100px) {
  .typing-textarea {
    --typing-controls-flex-direction: column;
  }
}
.light-mode {
  --text-color: #343541;
  --icon-color: #a9a9bc;
  --icon-hover-bg: #f1f1f3;
  --placeholder-color: #6c6c6c;
  --outgoing-chat-bg: #ffffff;
  --incoming-chat-bg: #f7f7f8;
  --outgoing-chat-border: #ffffff;
  --incoming-chat-border: #d9d9e3;
}
body {
  background: var(--outgoing-chat-bg);
}