:root {
  --dark-red: #a93741;
  --light-red: #cc4e59;
}

.bg-main-custom-login {
    background: white;
}

.bg-custom-login {
    background: var(--dark-red) !important;
    color: white;
}


.bg-custom-login label {
    color: white;
}

.bg-custom-login input {
    color: black;
}

.bg-loading-login-custom {
    background: var(--light-red) !important;
}

.login-button-custom button {
    background-color: var(--light-red) !important;
    color: white !important;
    border-color: var(--light-red) !important;
}

.login-button-custom button:hover{
    background-color: white !important;
    color: var(--dark-red) !important;
    border-color: white !important;
}

.not-registered-button-custom button {
    background-color: white;
    color: var(--dark-red) !important;
    border-color: var(--light-red) !important;
}

.not-registered-button-custom button:hover {
    background-color: var(--light-red) !important;
    color: white !important;
    border-color: var(--light-red) !important;
}

.navbar-custom {
    background-image: linear-gradient(
      to bottom,
      var(--dark-red),
      var(--light-red)
    );
    border: none; 
}

.navbar-custom button {
    background-color: white !important;
    border: none;
}

.navbar-custom button:hover {
    background-color: var(--light-red) !important;
    border: none;
}

.navbar-custom h1 {
    color: white;
}
/*
.bg-main-300 {
    background-color: var(--light-red) !important;
    color: white;
}

.border-main-300 {
    border-color: var(--dark-red) !important;
}

.before\:bg-main-300:before {
    background-color: var(--light-red);
}*/