/* dark.css ------------------------------------------------------------------------------------------------------------- */

:root {
  --background-color: #000000;    /* фон                      */
}

/* login ---------------------------------------------------------------------------------------------------------------- */

.login_box {                                     /* #_БЛОК                   */
  background-color: #1e1e1e;      /* фон                           */
  border-color: #2c2c2c;                /* рамка                       */
}

.login_input {                              /* #_ПОЛЕ_ВВОДА             */
  background-color: #2a2a2a;                /* фон                      */
  border-color: #444444;                    /* рамка                    */
  box-shadow: 0 0 0px 400px #2a2a2a inset;  /* фон при автозаполнении   */
  color: #e0e0e0;                           /* текст                    */
  -webkit-text-fill-color: #e0e0e0;         /* текст при автозаполнении */
}

.login_input:focus {                        /* #_ПОЛЕ_ВВОДА_АКТИВНОСТЬ  */
  border-color: #5f8ec2;                    /* рамка             #5f8ec2*/
}

.login_button {                             /* #_КНОПКА                 */
  background-color: #36587f;                /* фон               #4a74a5*/
  color: #e0e0e0;                           /* текст                    */
}

.login_button:hover,
.login_button:focus {                       /* #_КНОПКА_АКТИВНОСТЬ      */
  background-color: #5f8ec2;                /* фон    4a74a5     #5f8ec2*/
  color: #ffffff;                           /* текст             #f0f0f0*/
}

.login_reset-password {                     /* #_ССЫЛКА                 */
  color: #4a74a5;                           /* текст             #90caf9*/
}

.login_reset-password:hover,
.login_reset-password:focus {               /* #_ССЫЛКА_АКТИВНОСТЬ       */
  color: #90caf9;                           /* текст              #bbdefb*/
}

.error_auth {                               /* #_ОШИБКА_АВТОРИЗАЦИИ      */
  border-bottom-color: #d32f2f;             /* рамка                     */
}

/* sidebar -------------------------------------------------------------------------------------------------------------- */

.sidebar {
  background-color: #000000;              /* фон                      */
}

  @media (orientation: portrait), (max-width: 744px) {
    .sidebar_button-open {
      background-image: url('../img/dark_icon_sidebar_open.png');
    }
  }

  @media (orientation: portrait), (max-width: 744px) {
    .sidebar_button-exit {
      background-color: rgba(30, 30, 30, 0.6)
    }
  }

/* topic ---------------------------------------------------------------------------------------------------------------- */

.topic_box-on {
  border-top-color: #36587f; /* цвет линии подчеркивающей открытую страницу 7c42f0 */
}

.topic_link {
  color: #888e90;                           /* текст            888e90        */
}

.topic_link:focus,
.topic_link:hover {
  background-color: #000000;                /* фон               0d0d0d */
  color: #36587f;                           /* текст             7c42f0       */
}

/* search_form ---------------------------------------------------------------------------------------------------------- */

.search_input {
  border-color: #30363d;
  background-color: #0d1117;
  color: #959da5;
}

.search_button {
  border-top-color: #30363d;
  border-right-color: #30363d;
  border-bottom-color: #30363d;
  background-color: #0d1117;
  background-image: url('../img/dark_icon_search_53x53.png');
}

/* movie ---------------------------------------------------------------------------------------------------------------- */

.movie {
  background-color: #000000;              /* фон                      */
}

/* sticker -------------------------------------------------------------------------------------------------------------- */

.sticker {
  background-color: #1e1e1e;
  outline-color: #2c2c2c;
}

.sticker:focus,
.sticker:hover {
  outline-color: #36587f; /* 5f8ec2 */
}

.sticker_poster {
  filter: brightness(70%); /* затемнение изображения */
}

.sticker_title {
  color: #888e90; /* цвет текста ссылки */
}

.sticker_comment {
  color: #888e90; /* цвет текста ссылки */
}