body {
  font-family: "Avenir Next", Avenir, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}

/* Automatically apply dark mode if user's OS is set to dark */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #e0e0e0;
  }

  /* Links */
  a {
    color: #64b5f6;
  }

  /* Navigation Bar */
  .navbar-default {
    background-color: #1e1e1e;
    border-color: #333;
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-nav > li > a {
    color: #e0e0e0;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > li > a:hover {
    background-color: #2c2c2c;
    color: #ffffff;
  }

  /* Code Blocks & Inputs */
  pre, code {
    background-color: #252525 !important;
    color: #f8f8f2 !important;
    border-color: #444 !important;
  }

  /* Tables & Dividers */
  hr,
  .table > tbody > tr > td, 
  .table > thead > tr > th {
    border-top-color: #333;
  }
}