/* Palette only: layout and appearance belong to separately switchable modules. */
body.cna-active {
  --cna-forest: #202D22;
  --cna-copper: #A1603A;
  --cna-amber: #D58B2F;
  --cna-cream: #EDE2D0;
  --cna-moss: #6C7254;
  --cna-text: #202D22;
  --cna-light: #fff8ec;
  --cna-line: rgba(161, 96, 58, .32);
  --cna-serif: 'CNA Fraunces', Georgia, 'Times New Roman', serif;
  --cna-sans: 'CNA Jost', Jost, Arial, sans-serif;
}
body.cna-active main.container a:focus-visible,
body.cna-navigation #header a:focus-visible,
body.cna-navigation #menu-toggle:focus-visible,
body.cna-navigation #side-menu a:focus-visible {
  outline: 3px solid var(--cna-amber);
  outline-offset: 4px;
}

/* Scientific names stay inside the H1, above its existing ornament. */
body.cna-active main.container :is(h1, h2) .cna-heading-latin {
  display: block;
  margin-top: .3em;
  font-family: var(--cna-sans, 'CNA Jost', Jost, Arial, sans-serif) !important;
  font-size: 50% !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.cna-active main.container :is(h1, h2) .cna-heading-latin * {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}