/* CSS for Dark Mode 
   See tables.css */

@media screen and (prefers-color-scheme: dark) {
  body {
    # background-color: #627d98; /* slate blue */
    background-color: #4A7B8C;
    color: #eceff1;  /* light gray */
  }
  .text-blue-700,
  .text-gray-700,
  .text-gray-900 {
    color: #eceff1; /* light gray */
  }
  input#search-input {
    color: #333333; /* dark gray */
  }
  .search .context {
    color: #eceff1; /* light gray */
  }
  body,
  .wy-nav-content,
  .wy-nav-content-wrap,
  main, div.main {
    # background-color: #627d98 !important; /* slate blue */
    background-color: #4A7B8C !important;
  }
  .wy-menu-vertical li.toctree-l2.current>a, 
  .wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
    background-color: transparent;
  }
  main h1, h1,
  main h2, h2 {
    color: #eceff1; /* light gray */
    border-bottom-color: #eceff1; /* light gray */
  }
  main .rubric, main h4,
  .rubric {
    color: #f8c628; /* ripe mango */
  }
  .highlighted,
  .rst-content .highlighted,
  strong {
    color: #f4d47c !important; /* creamy yellow */
  }
  div.priority-page{
    background-color: bisque;
  }
  div.priority-page p {
    color: darkgray;
  }
  li {
    color: #eceff1; /* light gray */
  }
  ol li {
    color: #eceff1; /* light gray */
  }
  #left_margin li.current,
  .wy-menu-vertical li.current {
    display: block;
    background: transparent !important;
  }
  #left_margin li.toctree-l2.current>a,
  .wy-menu-vertical li.toctree-l2.current>a {
    background: transparent !important;
  }
  div#left_margin .left_mgn_heading a, 
  div#left_margin .left_mgn_heading a:active, 
  div#left_margin .left_mgn_heading a:visited,
  h4.left_margin {
    color: whitesmoke !important;
  }
  .rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td, 
  .wy-table-backed, 
  .wy-table-odd td, 
  .wy-table-striped tr:nth-child(2n-1) td {
    background-color: transparent;
  }
  table,
  table tr,
  table tr td {
     border-left: none;
     border-color: #333;
  }
  .rst-content .guilabel, 
  .rst-content .menuselection {
    border: none !important;
    background-color: transparent !important;
  }
  .rubric + p.stats {
     color: whitesmoke;
  }
  code {
    color: whitesmoke !important;
    border: none !important;
    background-color: transparent !important;
  }
  a, a:focus, a:hover, a:visited {
    color: whitesmoke !important;
    text-decoration: none !important;
  }
  a.internal {
    color: goldenrod !important;
  }
  a.external {
    color: #e28743 !important;
  }
  table a.external {
    color: whitesmoke !important;
  }
  .wy-menu-vertical li.current a {
    color: whitesmoke !important;
  }
  .stamp_details a {
    color: #333 !important;
  }
  div.admonition.attention,
  div.admonition.note {
    color: #eceff1; /* light gray */
    background-color_: #333 !important;
  }
  .contents.local a, .nav-toc a,
  .search a, .toctree-wrapper a,
  p:not(.admonition-title) a {
    color: #b5cfdb;
  }
  code.literal {
    color: #03DAC5; /* blue */
  }
  figcaption {
    color: #eceff1; /* light gray */
  }
  .page-inventory p {
    color: #eceff1; /* light gray */
  }
  input[type=button], input[type=submit], input[type=reset] {
    color: #666;
    border: 1px dotted #666;
    background-color: whitesmoke;
  }
  dl.footnote dt {
    color: inherit;
  }
  footer {
    color: whitesmoke !important;
  }
}