@import "@xtablo/chat-ui/chat-ui.css";

:root {
  --navbar-background: rgb(249, 250, 251);
  --navbar-darker: #e5e7eb;
}

.dark {
  --navbar-background: #1e1b2e;
  --navbar-darker: #141121;
}

.str-chat {
  --str-chat__primary-color: #804eec;
  --str-chat__active-primary-color: #6f3fd4;
  --str-chat__surface-color: #f5f3f7;
  --str-chat__secondary-surface-color: #e8e4ec;
  --str-chat__primary-surface-color: #f4f3ff;
  --str-chat__primary-surface-color-low-emphasis: #f8f7ff;
  --str-chat__border-radius-circle: 6px;
  --str-chat__own-message-bubble-color: #804eec;
  --str-chat__own-message-text-color: #ffffff;
}

.dark .str-chat {
  --str-chat__primary-color: #9b6ff0;
  --str-chat__active-primary-color: #804eec;
  --str-chat__surface-color: rgba(128, 78, 236, 0.12);
  --str-chat__secondary-surface-color: rgba(128, 78, 236, 0.08);
  --str-chat__primary-surface-color: rgba(128, 78, 236, 0.1);
  --str-chat__primary-surface-color-low-emphasis: rgba(128, 78, 236, 0.05);
  --str-chat__background-color: rgba(30, 27, 46, 0.6);
  --str-chat__secondary-background-color: rgba(20, 17, 33, 0.5);
  --str-chat__border-color: rgba(128, 78, 236, 0.15);
  --str-chat__text-color: #eeeaf5;
  --str-chat__text-low-emphasis-color: #a8a0b8;
  --str-chat__disabled-color: rgba(128, 78, 236, 0.2);
  --str-chat__own-message-bubble-color: #804eec;
  --str-chat__own-message-text-color: #ffffff;
}
