:root{
    --dw-detail-primary-colour: #743561;
    --dw-detail-secondary-colour:  #2697BC;
    --dw-detail-grey: #292F32;
}

body{
    background-color: var(--dw-detail-primary-colour);
    background-image: url('../img/triangle-pattern-faded.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 80%;
}

#login h1 a, .login h1 a {
    background-image: url('../img/dw-outline.svg');
    height:53px;
    width:300px;
    background-size: 300px 53px;
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.login form{
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    border: none;
}
.login label, .login #backtoblog a, .login #nav a, .language-switcher label .dashicons, .login a, .login h1.admin-email__heading, .login form p{
    color: #fff;
}
.login #backtoblog a:hover, .login #nav a:hover{
    color: #fff;
    text-decoration: underline;
}

#login .privacy-policy-page-link a{
    color: #fff;
    text-decoration: none;
}
#login .privacy-policy-page-link a:hover{
    text-decoration: underline;
}

.wp-core-ui .button-primary, .wp-core-ui .button{
    background: var(--dw-detail-secondary-colour);
    border-color: var(--dw-detail-secondary-colour);
    color: #fff;
    transition: all 0.25s ease-in-out;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button:hover{
    background: #fff;
    color: var(--dw-detail-secondary-colour);
}