/* Make logo sharp on all screens and swap logo for dark/light mode */
.logo-bar img {
  width: 150px;
  height: 35px;
  max-width: 100%;
  max-height: 100%;
  display: block;
  image-rendering: auto;
  /* Default to light mode logo */
  content: url("/img/recordapod-logo-300x70-light-mode.png");
}

@media (prefers-color-scheme: dark) {
/*  body {
    background: #181c1f !important;
    color: #f5f5f5 !important;
  }
  .container,
  .info-section {
    color: #e2e6ea !important;
    background: transparent !important;
  }
  .info-section h1,
  .info-section h2 {
    color: #f5f5f5 !important;
  }
  .info-section p {
    color: #bfc9d1 !important;
  }*/
  .error {
    color: #ffaaaa !important;
  }
/*  .secondary-button {
    background: #23272a !important;
    color: #e2e6ea !important;
    border: 1px solid #444c56 !important;
  }
  .secondary-button:hover {
    background: #2e3338 !important;
  }
  input,
  label {
    color: #e2e6ea !important;
    background: #212529 !important;
    border-color: #444c56 !important;
  }
  footer {
    color: #bfc9d1 !important;
  }*/
  /* Swap logo for dark mode */
  .logo-bar img {
    content: url("/img/recordapod-logo-300x70-dark-mode.png");
  }
}

/* Responsive adjustments */
@media (max-width: 460px) {
  .logo-bar {
    padding-left: 10px !important;
    height: 52px !important;
  }
}