body {
	background-color: light-dark(rgb(248, 250, 252), rgb(16, 16, 16));
	background-image: linear-gradient(rgba(219, 37, 26, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(219, 37, 26, 0.07) 1px, transparent 1px);
	background-size: 2rem 2rem;
}

/*
overwrite
*/

.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  color: white !important;
  background-color: rgb(219 37 26) !important;
  border: rgba(219, 37, 26, 0.7) !important;
  filter: brightness(150%);
  filter: saturate(80%);
}

.btn-primary {
  color: white !important;
  background-color: rgb(219 37 26) !important;  
  border: rgba(219, 37, 26, 0.7) !important;
}

.form-check-input {
  color: white !important;
  background-color: rgb(219 37 26) !important;  
  border: rgba(219, 37, 26, 0.7) !important;
}

.form-control:focus {
  border-color: rgb(219 37 26);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}