/* The coffee theme: Bootstrap's light theme with cream and brown colors.
   Light and dark come with Bootstrap; this file only adds coffee. */
[data-bs-theme=coffee] {
  color-scheme: light;
  --bs-body-color: #3e2c23;
  --bs-body-color-rgb: 62, 44, 35;
  --bs-body-bg: #f5ecdd;
  --bs-body-bg-rgb: 245, 236, 221;
  --bs-emphasis-color: #24170f;
  --bs-emphasis-color-rgb: 36, 23, 15;
  --bs-secondary-color: rgba(62, 44, 35, 0.72);
  --bs-secondary-bg: #eadcc6;
  --bs-tertiary-color: rgba(62, 44, 35, 0.5);
  --bs-tertiary-bg: #efe3d0;
  --bs-tertiary-bg-rgb: 239, 227, 208;
  --bs-heading-color: #4a2f1f;
  --bs-border-color: #d9c6a8;
  --bs-link-color: #8b4a1f;
  --bs-link-color-rgb: 139, 74, 31;
  --bs-link-hover-color: #6b3413;
  --bs-link-hover-color-rgb: 107, 52, 19;
  --bs-code-color: #9c3d10;
  --bs-primary: #7b4a2d;
  --bs-primary-rgb: 123, 74, 45;
  --bs-primary-text-emphasis: #4a2c1b;
  --bs-primary-bg-subtle: #eddccc;
  --bs-primary-border-subtle: #d4b49c;
}

/* Bootstrap components that use fixed colors instead of the variables above. */
[data-bs-theme=coffee] .btn-primary {
  --bs-btn-bg: #7b4a2d; --bs-btn-border-color: #7b4a2d;
  --bs-btn-hover-bg: #633b23; --bs-btn-hover-border-color: #633b23;
  --bs-btn-active-bg: #52301d; --bs-btn-active-border-color: #52301d;
  --bs-btn-disabled-bg: #7b4a2d; --bs-btn-disabled-border-color: #7b4a2d;
}
[data-bs-theme=coffee] .btn-outline-primary {
  --bs-btn-color: #7b4a2d; --bs-btn-border-color: #7b4a2d;
  --bs-btn-hover-bg: #7b4a2d; --bs-btn-hover-border-color: #7b4a2d;
  --bs-btn-active-bg: #7b4a2d; --bs-btn-active-border-color: #7b4a2d;
}
[data-bs-theme=coffee] .nav-pills { --bs-nav-pills-link-active-bg: #7b4a2d; }
[data-bs-theme=coffee] .progress { --bs-progress-bar-bg: #7b4a2d; }
[data-bs-theme=coffee] .dropdown-menu { --bs-dropdown-link-active-bg: #7b4a2d; }
[data-bs-theme=coffee] .form-control:focus,
[data-bs-theme=coffee] .form-select:focus { border-color: #b08968; box-shadow: 0 0 0 .25rem rgba(123, 74, 45, .25); }