/* light.css ------------------------------------------------------------------------------------------------------------ */

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

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

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

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

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

.login_button {                             /* #_КНОПКА                 */
  background-color: #5f8ec2;                /* фон               #5f8ec2*/
  color: #ffffff;                           /* текст                    */
}

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

.login_reset-password {                     /* #_ССЫЛКА                 */
  color: #4d85c1;                           /* текст             #2161a1*/
}

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

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

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

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

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

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

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

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

.topic_link {
  color: #555457; /* цвет текста ссылки */
}
.topic_link:focus,
.topic_link:hover {
  background-color: #f1f2f4; /* цвет фона активной ссылки  f3f2f5 */
  color: #4a74a5; /* цвет текста активной ссылки */
}

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

.search_input {
  border-color: #aaaaaa;
  background-color: #ffffff;
  color: #959da5;
}

.search_button {
  border-top-color: #aaaaaa;
  border-right-color: #aaaaaa;
  border-bottom-color: #aaaaaa;
  background-color: #ffffff;
  background-image: url('../img/light_icon_search_53x53.png');
}

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

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

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

.sticker {
  background-color: #ffffff;
  outline-color: #e7e6ec;
}

.sticker:focus,
.sticker:hover {
  outline-color: #5f8ec2;
}

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

.sticker_title {
  color: #555457; /* цвет 77767a*/
}

.sticker_comment {
  color: #555457; /* цвет 77767a*/
}