:root {
  --md-primary-fg-color:        #2d334a;
  --md-primary-fg-color--light: #59ce8f;
  --md-primary-fg-color--dark:  #59ce8f;
  --md-accent-fg-color:         #59ce8f;
}

.md-button--primary {
    background-color: var(--md-primary-fg-color);
    color: white;
    border: 2px solid var(--md-primary-fg-color);
}
.md-button--primary:hover {
    background-color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
}

h1, h2, h3 {
    color: var(--md-accent-fg-color);
}

div.highlight {
    border-left: 4px solid var(--md-primary-fg-color);
}

.md-content a, .md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code, .md-nav--lifted>.md-nav__list>.md-nav__item>[for] {
    color: var(--md-accent-fg-color);
}
.md-nav__item--section>.md-nav__link[for] {
    color: var(--md-primary-fg-color);
    font-size: 20px;
}