:root {

    --top-color: #9a7352;



    --item-color: #603F31;

    --url-link: #603F31;

    --golden-color1 : #F1D599;

    --golden-color2: #5b3c00;

    --bg-golden: linear-gradient(180deg, var(--golden-color1) 20%, var(--golden-color2) 75%);

}

body, body a {

    color: var(--url-link);

}



body.login {

    background-image: url('./img/login-bg.jpg') !important;

    background-position: center;

    background-repeat: no-repeat;

    background-color: #000;

}



.login #nav a,.login #backtoblog a {

    color: var(--url-link);



}



#login h1 a {



    background-image: url('./img/login-logo.png') !important;

    background-size: contain;

    width: 230px !important;

    max-width: 100%;

}

#loginform {

    border: 0px;

    border-radius: 5px;

    box-shadow: 0 1px 10px rgba(239, 236, 234, 0.36);

    background-color: transparent;

    background-image: linear-gradient(160deg, var(--golden-color1) 20%, var(--golden-color2) 75%);

}

#loginform #wp-submit {

    background-color: transparent;

    background-image: var(--bg-golden);

    border:1px solid var(--golden-color1);

    text-transform: uppercase;

}