:root {
    --main-color: #334d9a;
    --sub-color: #727274;
    --link-color: #6d92ff;
    --light-color: #ebebeb;
}

html, body {
    color: var(--main-color);
}


.main-bg::after {
    background-color: var(--main-color);
}






.login-page .login-form-title h1 {
    color: var(--main-color);
}

.login-page .login-form-title h2 {
    color: var(--sub-color);
}





.login-page .txt-link {
    color: var(--link-color);
}


.login-page .txt-link:hover {
    color: var(--main-color);
}

.login-page .login-btn {
    background-color: var(--main-color);
}

.login-page .login-btn:hover {
    background-color: var(--main-color);
}






.heading-left h2 {
    color: var(--light-color);
}

.login-page .heading-left h1 {
    color: var(--light-color);
}

.login-page .input {
    color: var(--main-color);
    color: var(--main-color);
}

.login-page .input-box label {
    color: var(--main-color);
}

.login-page .input:focus + label,
.login-page .input:focus,
.login-page .login-page input:valid + label,
.login-page .input:valid {
    border-color: var(--main-color);
}