:root {
    --main-bg-color: #404444;
    --form-bg-color: #363939;
    --form-font-color: #C8C9C9;
    --form-text-bg-color: #282B2B;
    --form-text-font-color: white;
    --form-label-font-color: #86786E;
}

body {
    background-color: var(--main-bg-color) !important;
}

.form-preview label {
    color: var(--form-label-font-color);
}

.form-preview input[type="text"],
.form-preview input[type="number"],
.form-preview input[type="date"],
.form-preview select {
    background-color: var(--form-text-bg-color);
    color: var(--form-text-font-color);
}

.form-preview input[type="checkbox"],
.form-preview input[type="radio"] {
    margin-right: 10px;
}

.form-preview .rendered-form>div {
    margin-bottom: 10px;
}

.form-preview .validation-error {
    border: 1px solid red;
    border-radius: 4px;
}