/*
 * Overrides for vendor/assets/stylesheets/bootstrap.css.
 *
 * Loaded after bootstrap.css (see app/views/layouts/application.html.erb), so
 * rules here win the cascade. Prefer redeclaring Bootstrap's --bs-* custom
 * properties; fall back to plain selector overrides for anything Bootstrap
 * doesn't expose as a variable.
 */

:root {
  --bs-body-bg: #E6D7C6;
  --bs-body-bg-rgb: 230, 215, 198;
  --bs-body-font-family: "Baskervville", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", Times, serif;
  --bs-link-color: #4951B7;
  --bs-link-color-rgb: 73, 81, 183;
}

.table {
  --bs-table-border-color: #9D856A;
}

.form-control,
.form-select {
  border-color: transparent;
  outline: 1px solid #9D856A;
  outline-offset: -1px;
  transition: outline-width 0.15s ease-in-out;
  box-shadow: none;
}

.form-control:focus,
.form-select:focus {
  border-color: transparent;
  outline: 4px solid #9D856A;
  outline-offset: -1px;
  box-shadow: none;
}

.form-check-input {
  border-color: #9D856A;
}

.form-check-input:checked {
  background-color: #9D856A;
  border-color: #9D856A;
}

.btn-primary {
  --bs-btn-bg: #9D856A;
  --bs-btn-border-color: #9D856A;
  --bs-btn-hover-bg: #8a7359;
  --bs-btn-hover-border-color: #8a7359;
  --bs-btn-active-bg: #8a7359;
  --bs-btn-active-border-color: #8a7359;
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: #7C81C3;
}

blockquote {
  border-left: 2px solid #9D856A;
  padding-left: 0.5rem;
}