:root {
  --bs-primary:#000;
  --bs-accent:#000;
  --bs-text:#000;
  --bs-white:#FFF;
  --bs-light:#F8F9FA;
  --bs-secondary:#CCC;
}

h1 {
  color: var(--bs-primary);
}
a {
  color: var(--bs-primary) !important;
}
a:hover {
  color: var(--bs-accent) !important;
  text-decoration:underline;
}
.bg-primary, .bg-primary.text-white {
  background-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}
.bg-accent, .bg-accent.text-white {
  background-color: var(--bs-accent) !important;
  color: var(--bs-white) !important;
}
.bg-secondary, .bg-secondary.text-white {
  background-color: var(--bs-secondary) !important;
  color: var(--bs-white) !important;
}
.text-primary {
  color: var(--bs-primary) !important;
}
.text-accent {
  color: var(--bs-accent) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.bg-light {
  background-color: var(--bs-light) !important;
  color: var(--bs-primary) !important;
}
.bg-primary a {
  color: var(--bs-white) !important;
}
.bg-accent a {
  color: var(--bs-white) !important;
}
.bg-light a {
  color: var(--bs-primary) !important;
}
a.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}
a.btn-primary:hover {
  background-color: var(--bs-accent) !important;
  border-color: var(--bs-accent) !important;
  color: var(--bs-white) !important;
}
a.btn-accent {
  background-color: var(--bs-accent) !important;
  border-color: var(--bs-accent) !important;
  color: var(--bs-white) !important;
}
a.btn-accent:hover {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}
.toastify.toastify--error {background:var(--bs-accent) !important;color:var(--bs-white) !important;}
.toastify.toastify--error a {color:var(--bs-white) !important;}