body {
    font-family: Arial, sans-serif;
    background-color: #f8f9fa; /* ash color */
    color: #212529; /* black color */
}

.container {
    margin-top: 50px;
}

#sidebar-wrapper {
    width: 250px;
    background-color: #343a40; /* dark ash color */
}

#wrapper {
    display: flex;
    align-items: stretch;
}

.sidebar-heading {
    color: #ffffff; /* white color */
    background-color: #343a40; /* dark ash color */
    padding: 10px;
}

.list-group-item {
    background-color: #343a40; /* dark ash color */
    color: #ffffff; /* white color */
}

.list-group-item:hover {
    background-color: #495057; /* slightly lighter ash color */
}

.btn-primary {
    background-color: #212529; /* black color */
    border-color: #212529; /* black color */
}

.btn-secondary {
    background-color: #6c757d; /* ash color */
    border-color: #6c757d; /* ash color */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #343a40; /* dark ash color */
    border-color: #343a40; /* dark ash color */
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #5a6268; /* darker ash color */
    border-color: #5a6268; /* darker ash color */
}