:root {
  --appRed: #e8230e;
  --appBlack: black;
  --appWhite: white;
  --appYellow: #deab2e;
  --appRedHalf: #e8230ecc;
  --appBlackHalf: #000000cc;
  --appWhiteHalf: #ffffffcc;
  --appYellowHalf: #deab2ecc;
  --bs-body-bg: #ffffff;
  --bs-body-color: #000000;
  --bs-link-color: #000000;
  --bs-link-hover-color: #e8230e;
  --bs-primary: #e8230e;
  --bs-danger: #e8230e;
  --bs-secondary: #000000;
  --bs-success: #000000;
  --bs-warning: #000000;
  --bs-info: #000000;
  --bs-border-color: #00000033;
  --bs-highlight-bg: #fff0f0;
}

.btn-appRed {
  background-color: var(--appRed);
  color: var(--appWhite);
  border-color: var(--appRed);
}
.btn-appBlack {
  background-color: var(--appBlack);
  color: var(--appYellow);
  border-color: var(--appBlack);
}
.btn-appWhite {
  background-color: var(--appWhite);
  color: var(--appBlack);
  border-color: var(--appWhite);
}
.btn-appYellow {
  background-color: var(--appYellow);
  color: var(--appBlack);
  border-color: var(--appYellow);
}
.btn {
  background-color: var(--appWhite);
  color: var(--appBlack);
  border-color: #00000066;
}
.btn-primary,
.btn-danger,
.btn-appRed,
.bg-appRed.btn {
  background-color: var(--appRed) !important;
  color: var(--appWhite) !important;
  border-color: var(--appRed) !important;
  box-shadow: 0 0 0.625rem rgba(232, 35, 14, 0.5) !important;
}
input:is(:-webkit-autofill, :autofill) {
  -webkit-text-fill-color: white !important;
  caret-color: white !important;
}

.bg-appBlack {
  background-color: var(--appBlack) !important;
}
.bg-appWhite {
  background-color: var(--appWhite) !important;
}
.bg-appYellow {
  background-color: var(--appYellow) !important;
}
.bg-appRed {
  background-color: var(--appRed) !important;
}
.bg-halfBlack {
  background-color: var(--appBlackHalf) !important;
}
.bg-halfWhite {
  background-color: var(--appWhiteHalf) !important;
}
.bg-halfYellow {
  background-color: var(--appYellowHalf) !important;
}
.bg-halfRed {
  background-color: var(--appRedHalf) !important;
}

.fc-appBlack {
  color: var(--appBlack) !important;
}
.fc-appWhite {
  color: var(--appWhite) !important;
}
.fc-appYellow {
  color: var(--appYellow) !important;
}
.fc-appRed {
  color: var(--appRed) !important;
}

body,
.card,
.navbar,
.dropdown-menu,
.menu,
.footer,
.content-wrapper {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #00000022 !important;
}

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