:root,
[data-bs-theme=light] {
  --bs-primary: #8b5a2b;
  --bs-primary-rgb: 139, 90, 43;
  --bs-link-color: #8b5a2b;
  --bs-link-color-rgb: 139, 90, 43;
  --bs-link-hover-color: #6b4520;
  --bs-link-hover-color-rgb: 107, 69, 32;
  --bs-primary-text-emphasis: #6b4520;
  --bs-primary-bg-subtle: #f5ebe3;
  --bs-primary-border-subtle: #a67c52;
  --bs-focus-ring-color: rgba(139, 90, 43, 0.25);
  --bs-body-bg: #f5f1ed;
  --bs-body-bg-rgb: 245, 241, 237;
  --bs-secondary-bg: #ebe6e0;
  --bs-tertiary-bg: #faf8f6;
  --bs-border-color: #ddd8d2;
  --bs-body-color: #2c2825;
  --bs-body-color-rgb: 44, 40, 37;
  --bs-success: #0d7d4a;
  --bs-success-rgb: 13, 125, 74;
  --bs-danger: #c23d4a;
  --bs-danger-rgb: 194, 61, 74;
  --bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.3rem;
  --bs-border-radius-lg: 0.5rem;
  --clr-nav: rgb(159, 86, 41);
  --clr-tbl-header: rgb(140, 128, 120);
  --clr-tbl-hvr-brd: rgb(158, 131, 111);
  --clr-tbl-child: rgb(209, 190, 178);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-text-emphasis);
  --bs-btn-hover-border-color: var(--bs-primary-text-emphasis);
  --bs-btn-active-bg: var(--bs-primary-text-emphasis);
  --bs-btn-active-border-color: var(--bs-primary-text-emphasis);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}