/* === Base Background & Text === */
body {
  background-color: #111;
  color: #eee;
}

/* === Fact Bar === */
#slug-fact {
  background-color: #1f1f1f !important;
  color: #ddd !important;
  border-top: 1px solid #444;
}

/* === Footer Toolbar === */
.footer-toolbar {
  background-color: #1e1e1e !important;
  border-top: 1px solid #444;
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
}

/* === Footer Buttons === */
.footer-toolbar button,
#admin-btn,
#submit-btn,
#share-btn,
#resume-btn,
#toggle-play-btn {
  color: #ccc !important;
}

.footer-toolbar button:hover,
#admin-btn:hover,
#submit-btn:hover,
#share-btn:hover,
#resume-btn:hover,
#toggle-play-btn:hover {
  color: #fff !important;
}

/* === Modal Containers === */
#shareModal,
#factModal,
#submitModal,
#loginModal,
.modal {
  background-color: #1f1f1f !important;
  color: #eee !important;
  border-color: #444 !important;
}

/* === Modal Inputs === */
#shareLinkField,
#submitModal textarea,
#loginModal input {
  background-color: #2a2a2a !important;
  color: #eee !important;
  border: 1px solid #555 !important;
}

/* === Modal Buttons === */
#shareModal .btn,
#submitModal .btn,
#loginModal .btn {
  background-color: #333 !important;
  color: #eee !important;
}

#shareModal .btn-success {
  background-color: #388e3c !important;
}

#shareModal .btn-secondary {
  background-color: #666 !important;
  color: #f2f2f2 !important;
}