/* Light UI theme colors */

:root {
  --wp-controls-border-color: #fff;
  --wp-controls-background-color: #fff;
  --wp-mute-solo-color: #aaa;
  --wp-mute-solo-hover-color: #999;
  --wp-mute-solo-focus-color: rgba(52, 58, 64, 0.5);
  --wp-btn-danger-background-hover-color: #c82333;
  --wp-btn-danger-border-hover-color: #bd2130;
  --wp-btn-danger-background-color: #dc3545;
  --wp-btn-danger-border-color: #dc3545;
  --wp-btn-danger-focus-color: rgba(225, 83, 97, 0.5);
  --wp-btn-danger-color: #999;
  --wp-btn-info-background-hover-color: #ddd;
  --wp-btn-info-border-hover-color: #999;
  --wp-btn-info-background-color: #eee;
  --wp-btn-info-border-color: #aaa;
  --wp-btn-info-focus-color: #eee;
  --wp-btn-info-color: #aaa;
  --wp-fade-background-color: rgba(0, 0, 0, 0.1);
  --wp-channel-color: rgba(130, 154, 179, 0.23);
  --wp-channel-progress-color: #829ab3;
  --wp-cursor-color: #ccc;
  --wp-selection-background-color: rgba(0, 0, 0, 0.1);
  --wp-selection-point-color: #999;
  --wp-tracks-container-background-color: #ccc;
  --wp-range-slider-label-color: black;
  --wp-range-slider-color: #829ab3;
  --wp-range-slider-focus-color: black;
  --wp-range-slider-background-color: #ccc;
  --wp-range-slider-background-focus-color: #bbb;
  --wp-annotation-box-border-color: #999;
  --wp-annotation-current-background-color: #aaa;
  --wp-annotation-icon-hover-color: #999;
}

body {
  background: #fff;
  color: #777;
}

.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4 {
  color: #666;
}

.wrapper a, .wrapper a:active, .wrapper a:visited {
  color: #0c5db6;
}

.wrapper a:hover {
  color: #001f42;
}

#msb {
  background-color: #eee;
}

.mnb .navbar-header a, .nav-tip {
  background-color: #eee;
  color: #777;
}

.msb .navbar-nav li a {
  color: #777;
}

.side-menu-container > a {
  color: #777;
}

.side-menu-container > a:hover,
.msb .navbar-nav li a:hover {
  color: #000;
}

.nv li a {
  color: #666;
}

.alert {
  color: red;
}

#buttons a, #buttons a:link, #buttons a:visited, #buttons a:active {
  color: #999;
}

#buttons a:hover {
  color: #666;
}

#chords {
  background: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #bbb;
}

#chords .active {
  color: #829ab3;
}

.current-chord-marker {
  color: #aaa;
}

#lyrics {
  color: #bbb;
}

#lyrics .active {
  color: #829ab3;
}

.playlist .btn-outline-dark {
  color: #999;
  border-color: #999;
}

.playlist .btn-outline-dark:hover {
  color: #999;
  border-color: #999;
}

.playlist .playlist-tracks {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}

.playlist .waveform {
  background: #fafafa;
}

.playlist .controls {
  background: #eee;
}

.playlist .controls .track-header {
  color: #666;
}

.playlist .controls label:before {
  color: #777;
}

.playlist .controls label:after {
  color: #777;
}

.bottom-bar .btn {
  color: #aaa !important;
  border-color: #aaa !important;
}

.bottom-bar .btn:hover {
  color: #fff !important;
}

.issues {
  color: red;
}

footer {
  color: #aaa;
}