/* Bootstrap overrides for dark navy theme */

.btn-secondary {
  background: var(--pp-surface-2);
  border-color: var(--pp-border);
  color: var(--pp-text);
}

.btn-secondary:hover {
  background: var(--pp-border);
  border-color: var(--pp-border);
  color: var(--pp-text);
}

.btn-outline-primary {
  border-color: var(--pp-accent);
  color: var(--pp-accent);
}

.btn-outline-primary:hover {
  background: var(--pp-accent);
  border-color: var(--pp-accent);
  color: #fff;
}

.btn-outline-secondary {
  border-color: var(--pp-border);
  color: var(--pp-muted);
}

.btn-outline-secondary:hover {
  background: var(--pp-surface-2);
  border-color: var(--pp-border);
  color: var(--pp-text);
}

.btn-outline-danger {
  border-color: #7f1d1d;
  color: #f87171;
}

.btn-outline-danger:hover {
  background: #7f1d1d;
  color: #fff;
  border-color: #7f1d1d;
}

.alert-danger {
  background: rgba(127, 29, 29, .3);
  border-color: #7f1d1d;
  color: #fca5a5;
}

.input-group-text {
  background: var(--pp-surface) !important;
  border-right: none !important;
  color: var(--pp-muted) !important;
}

.input-group .form-control {
  border-left: none !important;
}

textarea.font-monospace {
  font-size: .8rem !important;
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace !important;
}

code {
  color: var(--pp-accent);
  background: var(--pp-surface-2);
  padding: .1rem .35rem;
  border-radius: 4px;
  font-size: .85em;
}