:root {
  --bs-body-bg: #0f141a;
  --bs-body-color: #e6edf3;
}

body {
  background: linear-gradient(160deg, #0f141a 0%, #121a22 100%);
  min-height: 100vh;
}

.card {
  background-color: #1a222c;
  border: 1px solid #2a3744;
  border-radius: .6rem;
}

.navbar {
  backdrop-filter: blur(6px);
}

.font-monospace {
  letter-spacing: .05em;
}

.form-control, .form-select {
  background-color: #0f141a;
  border-color: #2a3744;
  color: #e6edf3;
}
.form-control:focus, .form-select:focus {
  background-color: #0f141a;
  color: #e6edf3;
  border-color: #0dcaf0;
  box-shadow: 0 0 0 .2rem rgba(13,202,240,.15);
}
.form-control:disabled {
  background-color: #161d25;
}

#reader {
  border: 2px dashed #2a3744;
}

a { color: #5cc8e6; }
a:hover { color: #8ad7ee; }

/* Druckansicht: nur den QR-Code drucken */
@media print {
  nav, .btn, form { display: none !important; }
  body { background: #fff !important; }
}