:root {
  --clipbox-bg: #08090c;
  --clipbox-surface: rgba(17, 18, 22, .94);
  --clipbox-accent: #c00020;
  --clipbox-accent-dark: #b0001b;
  --clipbox-text: #ffffff;
}

body {
  color: var(--clipbox-text) !important;
  background-color: var(--clipbox-bg) !important;
}

.panel-card,
.card.bg-danger {
  background: var(--clipbox-surface) !important;
  border-color: rgba(192, 0, 32, .38) !important;
}

.bg-pink,
.card-header-warning,
.btn-danger,
.btn-info,
.btn-primary,
.btn-success {
  color: #fff !important;
  background-color: var(--clipbox-accent) !important;
  border-color: var(--clipbox-accent) !important;
}

.btn-danger:hover,
.btn-info:hover,
.btn-primary:hover,
.btn-success:hover {
  background-color: var(--clipbox-accent-dark) !important;
  border-color: var(--clipbox-accent-dark) !important;
}

.form-control:focus {
  border-color: var(--clipbox-accent) !important;
  box-shadow: 0 0 0 .14rem rgba(192, 0, 32, .26) !important;
}

.list-group-item:hover,
.list-group-item:focus {
  background-color: rgba(192, 0, 32, .24) !important;
}
.form-control::placeholder {
  color: #fff !important;
  opacity: 1;
}