body {
  font-family: "Roboto Slab", serif;
}

.btn {
  font-family: inherit;
}

.btn-primary {
  color: var(--color-text-primary);
  background-color: var(--color-scale-yellow-4);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: var(--color-scale-yellow-5);
  box-shadow: none;
}

#logo {
  mix-blend-mode: multiply;
}

.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.dot-open {
  background-color: var(--color-icon-success);
}

.dot-closed {
  background-color: var(--color-icon-tertiary);
}