/* Variables */
:root {
  --body-bg-color: #1c1e26;
  --window-bg-color: #191b20;
  --border-color: #2e2e2e;
  --time-color: #444;
  --time-color-hover: #444;
  --body-color-muted: #666;
  --font-size: 16px;
  --font-size-msg: 16px;
  --font-size-nick: 16px;
  --font-size-chat-timestamp: 16px;
  --font-size-channel-list: 16px;
  --font-size-embed-text: 16px;
}

/* Amoled on mobile */
@media (max-width: 680px) {
  :root {
    --font-size-chat-timestamp: 12px;
    --body-bg-color: #000;
    --window-bg-color: #000;
    --background-color-msg-self-conversation-layout: #121212;
    --highlight-bg-color-mobile-conversation-layout: #2c2c20;
    --chat-bubble-background: #000;
    --color-timestamp-self-mobile-conversation-layout: #666;
    --color-timestamp-highlight-mobile-conversation-layout: #666;
    --time-color: #666;
    --time-color-hover: #666;
    --body-color-muted: #888;
    --border-color: #222;
  }

  .msg:not(.self) {
    max-width: calc(100% - 10px) !important;
    width: 100% !important;
  }
}

/* Amoled on desktop */
:root {
  --font-size-chat-timestamp: 12px;
  --body-bg-color: #000;
  --window-bg-color: #000;
  --background-color-msg-self-conversation-layout: #121212;
  --highlight-bg-color-mobile-conversation-layout: #2c2c20;
  --chat-bubble-background: #000;
  --color-timestamp-self-mobile-conversation-layout: #666;
  --color-timestamp-highlight-mobile-conversation-layout: #666;
  --time-color: #666;
  --time-color-hover: #666;
  --body-color-muted: #888;
  --border-color: #222;
}

button::before,
button {
  color: var(--body-color-muted) !important;
}

.settings-menu li {
  font-size: 16px;
}

form.message-search input {
  color: #0d162d !important;
}