:root {
  --bs-primary: #e84b1c;
  --bs-primary-rgb: 232, 75, 28;
  --bs-link-color: #e84b1c;
  --bs-link-hover-color: #c83a12;
  --bs-body-bg: #f7f2ea;
  --bs-body-color: #201a07;
  --kinel-cream: #f7f2ea;
  --kinel-paper: #fffaf2;
  --kinel-sand: #ede0cc;
  --kinel-ink: #201a07;
  --kinel-orange: #e84b1c;
  --kinel-border: #d8cab5;
}

body {
  background-color: var(--kinel-cream);
  color: var(--kinel-ink);
}

a {
  color: var(--kinel-orange);
}

a:hover {
  color: #c83a12;
}

.btn-primary,
.bg-primary {
  background-color: var(--kinel-orange) !important;
  border-color: var(--kinel-orange) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background-color: #c83a12 !important;
  border-color: #c83a12 !important;
}

.btn-outline-primary {
  color: var(--kinel-orange) !important;
  border-color: var(--kinel-orange) !important;
}

.btn-outline-primary:hover {
  background-color: var(--kinel-orange) !important;
  color: #fff !important;
}

.text-primary {
  color: var(--kinel-orange) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.form-control,
.form-select,
.modal-content,
.dropdown-menu,
.card {
  background-color: var(--kinel-paper) !important;
  color: var(--kinel-ink) !important;
  border-color: var(--kinel-border) !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--kinel-orange) !important;
  box-shadow: 0 0 0 0.2rem rgb(232 75 28 / 25%) !important;
}