:root {
  --primary-color: 13, 63, 148, 1; 
  --primary-color-light: 81, 105, 197, 1;
  --primary-color-dark: 0, 26, 101, 1;

  --background-main: 250, 250, 250, 1;
  /* Toolbar */
  --toolbar-color: 13, 63, 148, 1;
  /* Navigation */
  --navbar-top-background: 255, 255, 255, 1;
  --navbar-bottom-background: 255, 255, 255, 1;
  --navbar-top-icon-color: 13, 63, 148, 1;

  --font-color-disabled: 96, 96, 96, 1;
  --font-color-invert-disabled: 197, 199, 196, 1;
}

html, body {
  background-image: url(../images/app_background.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.chat-directive {
  background-image: url(../images/chat_background.png) !important;
}

.shell .logo-and-claim-container .logo-container {
  justify-content: unset;
}

.state .content {
  box-shadow: var(--default-box-shadow);
}

.chat-message-directive.self .chat-message {
  background: rgba(225, 244, 251, 1);
}

html.dark-mode .chat-message-directive.self .chat-message {
  background: rgba(225, 244, 251, 0.1);
}