body.dark-mode {
  background-color: #251F29 !important;
  color: #CCCCCC !important;
}
body.dark-mode #container_content {
  background-color: #251F29 !important;
  color: #CCCCCC !important;
}
body.dark-mode #container_content h1,
body.dark-mode #container_content h2,
body.dark-mode #container_content h3,
body.dark-mode #container_content h4,
body.dark-mode #container_content h5,
body.dark-mode #container_content h6 {
  color: #CCCCCC !important;
}
body.dark-mode #container_content p,
body.dark-mode #container_content li,
body.dark-mode #container_content td,
body.dark-mode #container_content th {
  color: #CCCCCC !important;
}
body.dark-mode #container_content a {
  color: #9C53E8 !important;
}
body.dark-mode #container_content a:hover {
  color: #F7AE61 !important;
}
body.dark-mode #container_content blockquote {
  border-left-color: #9C53E8 !important;
  background-color: #2A232F !important;
  color: #CCCCCC !important;
}
body.dark-mode #container_navigation {
  background-color: #2A232F !important;
}
body.dark-mode #container_navigation a {
  color: #CCCCCC !important;
}
body.dark-mode #container_navigation a:hover {
  color: #F7AE61 !important;
}
#dark-mode-toggle {
  position: fixed;
  top: 10px;
  right: 10px;
  background-color: #9C53E8;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  z-index: 1000;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#dark-mode-toggle:hover {
  background-color: #F7AE61;
}
body.dark-mode #dark-mode-toggle {
  background-color: #F7AE61;
}
body.dark-mode #dark-mode-toggle:hover {
  background-color: #9C53E8;
}