:root {
  --primary-color: 82, 191, 233, 1;
  --primary-color-light: 184, 235, 255, 1;
  --primary-color-dark: 34, 156, 212, 1;
  --color-success: 96, 211, 148, 1;
  --background-main: 0, 0, 0, 1;
  /* Toolbar */
  --toolbar-color: 82, 191, 233, 1;
  /* Navigation */
  --navbar-top-background: 255, 255, 255, 1;
  --navbar-bottom-background: 255, 255, 255, 1;
  --navbar-top-icon-color: 82, 191, 233, 1;
}

html.dark-mode {
  --background-main: 0, 0, 0, 1;
  --background-content: 42, 42, 42, 1;
  --background-content-accent: 64, 64, 64, 1;
  --navbar-top-background: 42, 42, 42, 1;
  --navbar-bottom-background: 42, 42, 42, 1;
  --navbar-top-icon-color: 82, 191, 233, 1;
  --navbar-bottom-icon-color: 255, 255, 255, 1;
  --font-color: 255, 255, 255, 1;
  --font-color-invert: 21, 21, 21, 1;
  --toolbar-color: 82, 191, 233, 1;
  --color-alpha-grey: 255, 255, 255, 0.21;
  --color-alpha-black: 255, 255, 255, 0.42;
  --title-font-color: 200, 200, 200, 1;
}

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

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

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

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

iframe[name="rcWrapperServiceIFrame"] {
  background-color: rgba(var(--background-main));
}