/* DArkSide */

:root {
    --background-box-highlight: #1a202a;
    --background-nav: #1f1f1f;
    --text-base: #cfcfcf;
    --text-highlight: #00ffcf;
    --text-link: #66e678;
    --text-breadcrumb: #66e678;
}

.dark .light {
    display: none;
}

.light .dark {
    display: none;
}

/*
 * Content
 */
body.dark {
  background: var(--background-nav);
  background-image: linear-gradient(#2b2a2a, #131313);
  color: var(--text-base);
}

.dark .block--gray {
    background: var(--background-box-highlight);
    padding-bottom: 4rem;
}

.dark .footer-decoration {
    background: var(--background-box-highlight);
}

.dark .ce-hero .changelog a {
    text-shadow: none;
    color: var(--text-link);
}

.dark h2 {
    color: var(--text-highlight);
}

/*
 * Buttons
 */
.dark .cta > div {
    background: none;
}

.dark .cta .button,
.dark .copy .button {
    color: #dfdfdf;
    text-shadow: none;
    padding: 2px;
    display: inline-flex;
}

.dark .cta .button span,
.dark .copy .button span {
    padding: 10px;
    border-radius: 5px;
    background: #1a1a1a;
    flex: 1;
}

/*
 * Nav
 */
.dark .main-nav {
  background: var(--background-nav);
}


/*
.dark .main-nav-menu > li > a {
  background: var(--background-nav);
}
*/

.dark nav.main-nav a {
    color: var(--text-link);
} 

.dark nav.main-nav li > a > span {
}


.dark nav.main-nav li.active {

}

.dark .breadcrumb-element span {
    color: #eee;
}

.dark .breadcrumb-element a {
    color: var(--text-breadcrumb); 
}

.dark .menu-accessor {
    filter: invert() hue-rotate(130deg);
}


.dark .use-cases-shortcuts li a {
  background: #222;
  color: #f0f0f0;
  text-shadow: none;
}


.dark .copy a {
    text-shadow: none;
    color: var(--text-link);
    text-decoration: none;
}

.dark .copy a.button {
  font-weight: bold;
}


.dark .request-example .re-action,
.dark .request-example .re-status,
.dark .request-example .re-type,
.dark .request-example .re-hint {
  color: #222;
}

.dark .request-example .re-op a {
    color: #21488f;
}