/**
 * Gin login styling
 */

[data-gin-accent] {
  --gin-color-primary-rgb: 242, 61, 61 !important;
  --gin-color-primary-light-rgb: 252, 206, 206 !important;
  --gin-color-primary-hover: #F01A1A !important;
  --gin-color-primary-active: #DC0F0F !important;
  --gin-color-button-text: #FFFFFF !important;
}

/** Override Gin login logo. **/
body.gin-login .toolbar-icon-default::before {
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent;
  background-image: url('/logo.svg');
  width: 106px;
  height: 54px;
  background-size: 100%;
}

body.gin-login .user-form-page__wallpaper {
  background: #FFFAF2;
  position: relative;
  background: right bottom / cover no-repeat url('/modules/contrib/iwink_gin/images/brand-light-mode.png');

  &::after {
    content: '';
    display: block;
    width: 125px;
    height: 60px;
    position: absolute;
    bottom: 50px;
    left: 50px;
    background: center / 100% 100% no-repeat url('/modules/contrib/iwink_gin/images/brand-logo.svg');
  }
}

.gin--dark-mode body.gin-login .user-form-page__wallpaper {
  background-image: url('/modules/contrib/iwink_gin/images/brand-dark-mode.png')
}