/* ===== CHORD FONT (shared between editor and display) ===== */
.chords-font {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9rem;
  line-height: 1.6;
  white-space: pre-wrap;
}

/* ===== CHORD HIGHLIGHTING ===== */
.chord {
  font-weight: 700;
  color: #667eea;
}

/* Section markers: [Intro], [Refrão], [Estrofe 1], etc. */
.chord-section {
  font-weight: 700;
  color: #764ba2;
}

/* Manual formatting: bold and color highlights */
.chord-bold {
  font-weight: 700;
}
.chord-hl-yellow {
  background-color: rgba(234, 179, 8, 0.35);
  border-radius: 3px;
}
.chord-hl-green {
  background-color: rgba(22, 163, 74, 0.35);
  border-radius: 3px;
}
.chord-hl-red {
  background-color: rgba(220, 38, 38, 0.35);
  border-radius: 3px;
}
.chord-hl-blue {
  background-color: rgba(102, 126, 234, 0.35);
  border-radius: 3px;
}

/* Dark mode */
[data-bs-theme="dark"] .chord {
  color: #97a8f0;
}
[data-bs-theme="dark"] .chord-section {
  color: #c4a5e8;
}
[data-bs-theme="dark"] .chord-hl-yellow { background-color: rgba(234, 179, 8, 0.3); }
[data-bs-theme="dark"] .chord-hl-green { background-color: rgba(22, 163, 74, 0.3); }
[data-bs-theme="dark"] .chord-hl-red { background-color: rgba(220, 38, 38, 0.3); }
[data-bs-theme="dark"] .chord-hl-blue { background-color: rgba(102, 126, 234, 0.3); }
