/* General Styles */
body {
    background-color: #f8f9fa;
    font-family: 'Nunito', sans-serif;
    color: #5a5c69;
}

/* Container Styling */
.container {
    background: #fff;
    border-radius: 0.35rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,0.15);
    padding: 2rem;
}

/* Headers */
h2, h4 {
    color: #4e73df;
    font-weight: 700;
    text-align: center;
}

/* Buttons */
.btn-primary {
    background-color: #4e73df;
    border-color: #4e73df;
}

.btn-primary:hover {
    background-color: #2e59d9;
    border-color: #2653d4;
}

.btn-danger {
    background-color: #e74a3b;
    border-color: #e74a3b;
}

.btn-danger:hover {
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-warning {
    background-color: #f6c23e;
    border-color: #f6c23e;
}

.btn-warning:hover {
    background-color: #dda20a;
    border-color: #c58c05;
}

/* Chatbox */
#chat-box {
    background-color: #f8f9fc;
    border: 1px solid #e3e6f0;
}

.alert-secondary {
    background-color: #d1d3e2;
    color: #4e73df;
}

.alert-primary {
    background-color: #4e73df;
    color: white;
}

/* Matches Section */
#matches-list .list-group-item {
    background-color: #f8f9fc;
    border: 1px solid #e3e6f0;
    margin-bottom: 0.5rem;
}

/* Footer or Section Padding */
.mt-5, .mb-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}