/* Variable definitions */
:root {
  --page-background-color: #CCCCCC;
  --text-background-color: #FFFFFF;
  --sidebar-background-color: #DDDDDD;
  --text-color: #000000;
  --link-color: #333399;
  --title-text-color: #333333;
  --sidebar-button-color: #BBBBBB;
  --code-color: #EEEEEE;
  --code-background-color: #555555;
}

/* Page background */
.drac-bg-purple-cyan {
  background: var(--page-background-color);
}

.drac-bg-cyan-green {
  background: var(--page-background-color);
}

.drac-bg-purple {
  background: var(--page-background-color);
}

/* Main text background color */
.drac-bg-black-secondary {
  background: var(--text-background-color);
}

/* Headers */ 
h1,h2,h3,h4,h5{
  color: var(--text-color);
}

/* Sidebar background color */
.drac-bg-black {
  background: var(--sidebar-background-color);
}

/* Hides colored dots in menu bar */
.dot-ul {
  visibility: hidden;
}

/* Main text */
.drac-text-grey-ternary {
  color: var(--text-color);
}

/* Links in main text */
.drac-text-grey-ternary a {
  color: var(--link-color);
}

.drac-text-purple--hover {
  color: var(--text-color);
}

.drac-text-purple\--hover:hover {
    color: var(--text-color);
}

.drac-anchor {
    text-decoration: none;
    transition: none;
}

/* Previous and Next buttons in header*/
.btn-preview {
  visibility: hidden;
}

.btn-toggle {

}

.btn-toggle {
  color: var(--link-color) !important;
}

/* Navbar title text */
.drac-text-white {
  color: var(--title-text-color);
}


/* Sidebar button */

.sidebar .custom-menu .btn.btn-primary:after {
  background: var(--sidebar-button-color);
}


/* code */
code {
  color: var(--code-color);
  background: var(--code-background-color);
}