/* Default (light mode) */
body {
  background-color: white;
  color: black;
}

img {
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none; /* Safari/Chrome */
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: white;
  }

  /* Make outline buttons adjust in dark mode */
  .btn-outline-dark {
    border-color: white;
    color: white;
  }
  .btn-outline-dark:hover {
    background-color: white;
    color: black;
  }

  .btn-outline-primary {
    border-color: #4dabf7;
    color: #4dabf7;
  }
  .btn-outline-primary:hover {
    background-color: #4dabf7;
    color: black;
  }

  .btn-outline-danger {
    border-color: #ff6b6b;
    color: #ff6b6b;
  }
  .btn-outline-danger:hover {
    background-color: #ff6b6b;
    color: black;
  }
}