/* ##### Specific: Dark Mode ########## */

@media (prefers-color-scheme: dark) {
    /* Code */
  
    pre {
      background-color: var(--color-gray-15);
    }
  
    /* Link */
  
    a:link, a:visited {
      color: var(--color-maximumyellowred);
    }
  
    /* Figure */
  
    figure {
      background-color: var(--color-gray-15);
    }
  
    figure figcaption {
      color: var(--color-gray-90);
    }
  
    /* Image */
  
    figure img {
      background-color: var(--color-gray-15);
    }
  
    /* Table */
  
    table tbody tr.odd {
      background-color: var(--color-gray-15);
    }
  
    /* Shortcut */
  
    .shortcut {
      background-color: var(--color-gray-15);
    }
  
    /* Back to Top & Table of Contents anchors */
  
    a[href="#"], .toc_toggler_button {
      background-color: var(--color-gray-15);
      color: var(--color-gray-90);
    }
  
    a[href="#"]:hover, a[href="#"]:focus, .toc_toggler_button:hover, .toc_toggler_button:focus {
      background-color: var(--color-gray-20);
    }
  }