:root {
    /*--blue: #2563EB;
    --blue-mid: #1d55d4;
    --blue-dk: #1e3a8a;
    --white: #FFFFFF;
    --zinc: #d7d7dd;*/
    --zinc:#111827;
    --zinc-lt: rgb(27, 34, 49);
    /*--bg: #09090B;*/
    /* --panel: #111113; */
    /*--border: rgba(255, 255, 255, 0.08);
    --r12: 12px;
    --r24: 24px;
    --ease: cubic-bezier(.4, 0, .2, 1);*/
}
.panel-form {
    background: #FFF;
}
.main-headline {
    color: var(--zinc-lt);
}
.form-group input {
    border: var(--stroke-weight-1, 1px) solid #E5E7EB;
    color: var(--zinc-lt);
}
.form-group input::placeholder {
    color: rgba(27, 34, 49, 0.3);
}
.btn-primary {
    background: #3B1A4E;
    color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.30);
}
.btn-primary:hover {
    background: #7e479d;
}
.strength-bar span {
    background: #E5E7EB;
}
.btn-login {
    background: #FFF;
    color: #2563EB;
    border-color: #2563EB;
}

.pre-headline {
    font-size: 20px;
    line-height: 20px;
}