:root {
    --primary-color: #5a4bcf;
    --secondary-color: #7568d4;
    --accent-color: #a5b4fc;
    --light-color: #e6eaee;
    --dark-color: #1f2937;
}
 /* Input fields */
.form-control {
    border-radius: 8px;
    padding: 0.5rem 1rem;
    border: 1px solid var(--light-color);
    transition: all 0.3s ease;
}
.form-label {
    margin-bottom: 1px;
}
.form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2);
}

/* Checkbox */
.form-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-check-input {
    border-radius: 4px;
    border: 1px solid var(--light-color);
    transition: all 0.3s ease;
}

.btn-primary:hover {
        background-color: #5a4bcf;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }