/**
 * Bootstrap brand bridge — load AFTER Bootstrap, BEFORE style.css.
 * Does not change page markup; only aligns Bootstrap tokens to black & gold.
 */

:root {
  --bs-body-font-family: "Manrope", system-ui, sans-serif;
  --bs-body-color: #f4ecd8;
  --bs-body-bg: #0e0e0e;
  --bs-primary: #d4af37;
  --bs-primary-rgb: 212, 175, 55;
  --bs-link-color: #e8d9a8;
  --bs-link-hover-color: #d4af37;
  --bs-border-color: rgba(212, 175, 55, 0.24);
  --bs-border-radius: 0.75rem;
  --bs-focus-ring-color: rgba(212, 175, 55, 0.35);
}

.btn-primary {
  --bs-btn-color: #0a0a0a;
  --bs-btn-bg: #d4af37;
  --bs-btn-border-color: #d4af37;
  --bs-btn-hover-color: #0a0a0a;
  --bs-btn-hover-bg: #e8c547;
  --bs-btn-hover-border-color: #e8c547;
  --bs-btn-focus-shadow-rgb: 212, 175, 55;
  --bs-btn-active-color: #0a0a0a;
  --bs-btn-active-bg: #e8c547;
  --bs-btn-active-border-color: #e8c547;
}

.form-control,
.form-select {
  background-color: #1f1f1f;
  border-color: rgba(212, 175, 55, 0.24);
  color: #f4ecd8;
}

.form-control:focus,
.form-select:focus {
  background-color: #1c1c1c;
  border-color: #d4af37;
  color: #f4ecd8;
  box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.18);
}

.form-control::placeholder {
  color: rgba(196, 181, 143, 0.5);
}

.form-label {
  color: #c4b58f;
}
