:root {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  :root {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

h1.page-title {
  color: var(--baylorGreen);
  font-weight: 800;
  line-height: 34px;
  font-family: bio-sans, sans-serif;
  margin: 15px 0 30px 0;
}

.bu-defaults :is(.status-code-msg > p, .status-code-msg:not(> p)) {
  font-size: 1.2rem;
}

@media (max-width: 768px) {
  #item-list-view .row {
    gap: 8px;
  }
}

.container.container-striped > .row:nth-child(even),
.container.container-triped > .col > .row:nth-child(even) {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
}

.pagination {
  --bs-pagination-color: var(--linkGreen);
  --bs-pagination-hover-color: var(--linkGreenHover);
  --bs-pagination-active-bg: var(--universityGold);
  --bs-pagination-active-border-color: var(--universityGold);
  --bs-pagination-active-color: var(--baylorGreen);
}

.btn-gold {
  --btn-gold-bg: var(--universityGold);
  --btn-gold-color: var(--baylorGreen);

  --bs-btn-color: var(--btn-gold-color);
  --bs-btn-bg: var(--btn-gold-bg);
  --bs-btn-border-color: var(--btn-gold-bg);

  --bs-btn-hover-color: var(--btn-gold-color);
  --bs-btn-hover-bg: color-mix(in oklab, var(--btn-gold-bg) 90%, black);        /* ~5% darker */
  --bs-btn-hover-border-color: color-mix(in oklab, var(--btn-gold-bg) 85%, black); /* ~7% darker */

  --bs-btn-focus-shadow-rgb: 255, 184, 28; /* RGB of base gold for outline glow */

  --bs-btn-active-color: var(--btn-gold-color);
  --bs-btn-active-bg: color-mix(in oklab, var(--btn-gold-bg) 85%, black);       /* ~7% darker */
  --bs-btn-active-border-color: color-mix(in oklab, var(--btn-gold-bg) 80%, black); /* ~10% darker */
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: var(--btn-gold-color);
  --bs-btn-disabled-bg: var(--btn-gold-bg);
  --bs-btn-disabled-border-color: var(--btn-gold-bg);
}

.btn-outline-warning.high-contrast {
  --bs-btn-color: #cc9a06; /* darker */
  --bs-btn-border-color: #cc9a06;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-color: #000;
}
