@import url('chords-light.css');

.chord-card {
  border-color: #555;
  background: #2b2b2b;
}

.chord-card h2 {
  color: #cdd3de;
}

.fretboard {
  border: .5px;
  background: #515151;
}

.fretboard .fret {
  background: #333 !important;
}

.fret {
  border: .5px solid #666;
  border-left: 2px solid #555;
  border-right: 2px solid #555;
  background: #454545;
  color: transparent;
}

.fret[data-dot]::after {
  background: rgba(242, 119, 122, 0.7);
  border: 1px solid #d95a5a;
}

.fret:empty {
  background: #454545;
}

.alternatives h3 {
  color: #a9b7c6;
}

.barre-line {
  background: #f2777a;
}

.fret[muted] {
  color: #a9b7c6;
}