/* http://www.colorhexa.com/b94948 */

/*** Primary ***/
:root {
  --site-primary-color: #34a853;
  --site-secondary-color: #689f38;
  --site-warning-color: #ffc107;
  --site-error-color: #dc3545;
  --site-mute-color: #DCE2EE;
  
  --site-hover-status-color: #208738;
}
header,
#subtitle,
a.dl {
  background-color: var(--site-primary-color);
}

.content-nav li.active a,
.content-nav li.active a:hover {
  border-left-color: var(--site-primary-color);
}

/*** One step left on the monochromatic scale ***/

header menu li a:hover,
a.dl:hover {
  background-color: var(--site-primary-color);
}
a {
  color: var(--site-primary-color);
}

/*** Three steps left on the monochromatic scale ***/

a:hover {
  color: var(--site-hover-status-color);
}


/****************************************************************\
 **** Syntax highlighting styles ********************************
\****************************************************************/

.pln { color: #000; }
.str { color: #953a39; }
.kwd { color: #666; }
.com { color: #953a39; }
.typ { color: #222; }
.lit { color: #953a39; }
.pun { color: #888; }
.opn { color: #888; }
.clo { color: #888; }
.tag { color: #953a39; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
.var { color: #606; }
.fun { color: #f00; }