@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
@import url(https://docs.mbari.org/css/iosevka-custom/iosevka-custom.css);

body {
  font-family: 'Merriweather', serif;
  font-weight: 300;
}

/* ------
Note regarding font-size in code blocks:
I initially had (1) below, but then noted misalignment of the line numbers
(linenums option). Although that could be fixed with (2), let's just keep
the defaults to avoid/reduce risky customization.
 */
code, tt {
  font-family: 'Iosevka', 'Roboto Mono', monospace;
  font-weight: 400;
  font-variant-ligatures: none;
  /* (1)  font-size: 1em !important; */
}
/* (2) Also do the following if enabling (1) above:
.highlighttable .linenos  {
  font-size: 1em !important;
}
------ */


[data-md-color-scheme=slate] .generatedBy {
  color: #929090;
}
.generatedBy {
  color: gray;
  font-family: 'Iosevka', 'Roboto Mono', monospace;
  font-weight: 400;
  font-variant-ligatures: none;
  font-size: 0.75em !important;
}

[data-md-color-scheme=slate] {
  --md-typeset-a-color: #a6c1f1;
  --md-code-hl-keyword-color: #a6c1f1;
}

.highlight .sd {
  color: #6ea5a8;
}

/* Name.Decorator, used to document grammar constructs: */
[data-md-color-scheme=slate] .highlight .nd {
  color: #d2bfa4;
  background: #332f4c;
}
.highlight .nd {
  color: gray;
  background: antiquewhite;
}

/* Using Name.Function.Magic for macro related syntax: */
[data-md-color-scheme=slate] .highlight .fm {
  color: #a288d7;
}
.highlight .fm {
  color: rebeccapurple;
  font-weight: bold;
}