/* Dark code selections and matching tokens use dark surfaces, not the light theme fallback. */
html[data-sunion-theme="dark"] body .CodeMirror .CodeMirror-selected {
  background: #29415b !important;
}
html[data-sunion-theme="dark"] body .CodeMirror ::selection,
html[data-sunion-theme="dark"] body .markdown-body pre::selection,
html[data-sunion-theme="dark"] body .markdown-body pre ::selection,
html[data-sunion-theme="dark"] body .markdown-body code::selection,
html[data-sunion-theme="dark"] body .example pre::selection,
html[data-sunion-theme="dark"] body .example pre ::selection {
  background: #29415b !important;
  color: #e5edf7 !important;
  text-shadow: none !important;
}
html[data-sunion-theme="dark"] body .CodeMirror ::-moz-selection,
html[data-sunion-theme="dark"] body .markdown-body pre::-moz-selection,
html[data-sunion-theme="dark"] body .markdown-body pre ::-moz-selection,
html[data-sunion-theme="dark"] body .markdown-body code::-moz-selection,
html[data-sunion-theme="dark"] body .example pre::-moz-selection,
html[data-sunion-theme="dark"] body .example pre ::-moz-selection {
  background: #29415b !important;
  color: #e5edf7 !important;
  text-shadow: none !important;
}
html[data-sunion-theme="dark"] body .CodeMirror .cm-matchhighlight {
  background-color: #1e334a !important;
  box-shadow: inset 0 -1px #486887;
}