:root {
    --primaryFont: 'Syne', sans-serif;
    --secondaryFont: 'Sora', sans-serif;
    --primaryColor: #7400b7;
    --secondaryColor: #26152aeb;
    --bgColor: rgb(36 26 31 / 4%);
    --primaryTextColor: #F0F0F0;
    --secondaryTextColor: rgba(18, 24, 32, 0.40);

}

.banner-info {
    color:#fff !important;
}

.field-group > .form-control, .form-select {
    background: #000000b8;
}

.field-group > .form-control:focus {
    color:#ffffff;
}

.field-group > .form-select {
    background:#0b060c;
}

.field-group > .form-select:disabled {
    background:#2b212d;
}

footer {
    background: linear-gradient(--secondaryColor 0%, --primaryColor 100%);
}


.desktop-closed-message-avatar ~ div {
    color: var(--primaryColor, 161616) !important;
    font-weight: 500;
}