body {
    background-color: var(--background-color);
    color: var(--text-color);
    font-family: var(--font-family);
}

.a-field, .form-control {
    background-color: var(--input-background);
    border: 1px solid var(--input-border-color);
    color: var(--text-color);
    padding: var(--input-padding);
    border-radius: var(--input-border-radius);
}

.btn {
    background-color: var(--button-background);
    border-color: var(--input-border-color);
    color: var(--text-color);
}

.btn:hover {
    background-color: var(--button-hover-background);
}

.field-box {
    padding: var(--input-padding);
    margin: var(--input-padding);
}

#form-builder, #form-preview {
    margin-top: 20px;
}

input[type="password"],
input,
select,
textarea {
    background-color:var(--input-background);
    color:var(--text-color);
    border:1px solid var(--input-border-color);
    border-radius:var(--input-border-radius);
    /* width:90%; */
}