html {
    background-color: #000000;
}

body {
    background-color: #000000;
}

/* Main content area */
.content {
    color: gray;
    background-color: #000000;
}

.content a:hover {
    text-decoration: underline;
    color: orange;
}


/* Sidebar */
.sidebar {
    color: gray;
    background-color: #000000; /* Darker shade for sidebar */
    border-right: 2px solid #ffffff;
}

.page {
    background-color: #000000;
}

.page-wrapper {
    background-color: #000000;
}

.menu-bar {
    background-color: #000000 !important;
}

.menu-title {
    color: orange;
    background-color: #000000;
}

.left-buttons {
    background-color: #000000;
}

.right-buttons {
    background-color: #000000;
}

.icon-button {
    background-color: #000000;
}

.nav-wide-wrapper {
    background-color: #000000;
}

.chapter-item a {
    color: gray !important;
}

.chapter-item a:hover {
    text-decoration: underline;
    color: #0096cf !important;
}