:root {
  --blue: #2980b9;
  --lightblue: #3498db;
  --light: #99b19b;
  --dark: #4f502c;
  --red: #e74c3c;
}

body {
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 500;
  background-color: var(--light);
  color: var(--dark);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

thead {
  background-color: var(--red);
  color: var(--light);
  font-weight: 700;
}

.custom-jumbotron,
.custom-card .card-header,
.custom-card .card-footer,
.custom-modal .modal-header,
.custom-modal .modal-footer {
  background-color: var(--dark);
  color: var(--light);
}

.custom-card {
  border-color: var(--dark);
}

.custom-card .card-body,
.custom-modal .modal-body {
  background-color: var(--light);
  color: var(--dark);
}

.custom-btn {
  background-color: var(--light);
  color: var(--dark);
}

.custom-btn:hover {
  background-color: var(--lightblue);
  color: var(--dark);
}

.custom-table tbody {
  background-color: var(--dark);
  color: var(--light);
}

.delete-project-btn {
  cursor: pointer;
}