:root {
  --color-primary: #E35F1C;
  --color-bg: #D4CCBC;
  --color-footer: #27422F;
  --color-text: #1f1a14;

  --bs-body-bg: var(--color-bg);
  --bs-body-color: var(--color-text);
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 227, 95, 28;
  --bs-dark: var(--color-footer);
  --bs-dark-rgb: 39, 66, 47;
  --bs-link-color: var(--color-primary);
  --bs-link-hover-color: #c94f13;
  --bs-light-rgb: 212, 204, 188;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

a {
  color: var(--bs-link-color);
}

a:hover,
a:focus {
  color: var(--bs-link-hover-color);
}

.bg-light {
  background-color: var(--color-bg) !important;
  color: var(--color-text);
}

.navbar.bg-dark {
  background-color: var(--color-footer) !important;
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text {
  color: #f7f2ea;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #ffffff;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: #c94f13;
  --bs-btn-hover-border-color: #c04a12;
  --bs-btn-focus-shadow-rgb: 227, 95, 28;
  --bs-btn-active-bg: #b84510;
  --bs-btn-active-border-color: #b0410f;
}

.btn-outline-primary {
  --bs-btn-color: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-hover-bg: var(--color-primary);
  --bs-btn-hover-border-color: var(--color-primary);
  --bs-btn-active-bg: #b84510;
  --bs-btn-active-border-color: #b0410f;
  --bs-btn-focus-shadow-rgb: 227, 95, 28;
}

.btn-link {
  color: var(--color-primary);
}

.btn-link:hover,
.btn-link:focus {
  color: var(--bs-link-hover-color);
}

.badge.bg-primary {
  background-color: var(--color-primary) !important;
}

.alert-info {
  color: var(--color-text);
  background-color: #e8e2d7;
  border-color: #d9d1c4;
}

.card {
  background-color: var(--color-bg);
  color: var(--color-text);
  border-color: #b8af9d;
}

.card-header {
  background-color: #c9c1b2;
  color: var(--color-text);
  border-color: #b8af9d;
}

.table {
  --bs-table-color: var(--color-text);
  --bs-table-bg: var(--color-bg);
  --bs-table-striped-color: var(--color-text);
  --bs-table-striped-bg: #c9c1b2;
  --bs-table-hover-color: var(--color-text);
  --bs-table-hover-bg: #c0b7a7;
  --bs-table-border-color: #b8af9d;
}

.table > :not(caption) > * > * {
  background-color: inherit;
}

.table-light {
  --bs-table-bg: #c9c1b2;
  --bs-table-color: var(--color-text);
}