@import url('../fonts/ico-moon/style.css');

:root {
  --color-primary-custom: #ce8f5e;
  --color-primary-custom-hover: #d99f72;
  /* 837da1 */

  --color-gradiente-custom: linear-gradient(180deg, #d99f72, #ce8f5e);
}

/** AUTH ======================================== **/
.auth {
  background-image: url('../images/bg-login-ox360.jpg');
}

.auth .login {
  background: rgba(0, 0, 0, 0.8);
}

.auth .login .info-confirmacao .email {
  color: var(--color-primary-custom);
}

.auth .login form input[type='text'],
.auth .login form input[type='email'],
.auth .login form input[type='password'] {
  border: 1px solid var(--color-primary-custom);
  color: #fff;
}

.auth .login form a.btn-custom,
.auth .login a.btn-custom,
.auth .login form button {
  background: var(--color-primary-custom);
}

.auth .login form a.btn-custom:hover,
.auth .login a.btn-custom:hover,
.auth .login form button:hover {
  background: var(--color-primary-custom-hover);
}

.auth .login .login-footer a {
  color: #837da1;
}

.auth .login .login-footer a:hover {
  color: var(--color-primary-custom);
}