body {
  background: #f8f9fa;
  color: #212529;
}

code {
  font-size: 0.78rem;
  color: inherit;
}

.card-text {
  min-height: 3.8rem;
}

.card {
  background: #fff;
}

a {
  color: #0d6efd;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #0f1115;
    color: #e7eaf0;
  }

  .text-secondary {
    color: #aeb7c2 !important;
  }

  .card {
    background: #1a1f29;
    color: #e7eaf0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4) !important;
  }

  code {
    color: #9fd3ff;
  }

  .btn-outline-secondary {
    color: #d2d7df;
    border-color: #6b7480;
  }

  .btn-outline-secondary:hover {
    background: #6b7480;
    border-color: #6b7480;
    color: #fff;
  }

  a {
    color: #7db5ff;
  }
}