/* ==========================================
   FORM INPUTS (NORMAL STYLE)
========================================== */

.profile-form input,
.profile-form textarea {

    width: 100%;

    background: var(--surface-2);

    color: var(--text);

    border: 1px solid var(--border);

    border-radius: var(--radius-sm);

    padding: calc(var(--unit) * 3);

    font-size: var(--fs-md);

    outline: none;

    transition: var(--transition);

}
.profile-form{
    display: flex;
    flex-direction: column;
    gap: 16px;
}


.profile-form input:focus,
.profile-form textarea:focus {

    border-color: var(--primary);

    box-shadow: 0 0 0 3px rgba(212,165,90,0.15);

}



.profile-form textarea {

    min-height: 120px;

    resize: vertical;

}



.form-group {

    margin-bottom: calc(var(--unit) * 5);

}



.profile-form label {

    display: block;

    margin-bottom: calc(var(--unit) * 2);

    color: var(--text-muted);

    font-size: var(--fs-sm);

}