body {
    background-color: #191919;
    color: #EDEDED;
}

.btn {
    background-color: #D39E0B;
    color: #191919;
    border: none;
}

.courses {
    background-color: #D39E0B;
    color: #191919;
    border-radius: 10px;
    text-align: center;
}

.menu-image {
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

#baratie-logo {
    max-width: 20vw;
    max-height: 5vh;
}

.owners {
    max-height: 250px;
}

.crew-center-image {
    max-width: 50vw;
    border-radius: 10px;
    margin-bottom: 16px;
}

.table {
    color: #EDEDED;
}

/* Modal customizations */
.modal-content {
    background-color: #191919; /* Match background */
    color: #EDEDED;           /* Match text color */
    border-radius: 10px;      /* Rounded corners to match your style */
}

.modal-header h5 {
    color: #D39E0B;           /* Primary color for title */
}

.modal-header .btn-close {
    background-color: #D39E0B; /* Button close color */
    border-radius: 50%;
}

.modal-footer .btn {
    background-color: #D39E0B; /* Match your button style */
    color: #191919;
    border: none;
}

.modal-footer .btn-danger {
    background-color: #D39E0B; /* Consistent button color for "Delete" */
    color: #191919;
    border: none;
}

/* Adjust modal body text color */
.modal-body p {
    color: #EDEDED;
}

.modal-footer .btn:hover {
    background-color: #b88a07; /* Darker shade on hover */
    color: #EDEDED;
}

ul.errorlist.nonfield {
    border: none;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

footer a {
    color: #EDEDED;
    text-decoration: none;
}