@font-face {
  font-family: "Pori Chords";
  src: url("../fonts/PoriChordsStd.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Pori Scale Names";
  src: url("../fonts/PoriPlainChordsStd.otf") format("opentype");
  font-display: swap;
  unicode-range: U+0000-0061, U+0063-0077, U+0079-10FFFF;
}
@font-face {
  font-family: "Petaluma Script";
  src: url("../fonts/PetalumaScript.otf") format("opentype");
  font-display: swap;
}
:root {
  --chord-font: "Pori Chords", Arial, sans-serif;
  --scale-font: "Pori Scale Names", "Petaluma Script", Arial, sans-serif;
}
body[data-tool="chords"] #mainName,
body[data-tool="chords"] #chordNameField,
body[data-tool="chords"] #controllerChordName,
body[data-tool="chords"] #altChordSelect,
body[data-tool="chords"] #libraryChordSelect,
body[data-tool="chords"] #libraryRootSelect,
body[data-tool="chords"] #libraryInfo strong,
body[data-tool="songbook"] .chord-hit,
body[data-tool="songbook"] #cbChord,
body[data-tool="songbook"] [data-ev="chord"],
.triad-app #triad-title,
.triad-app .key-circle text:not(.centre-caption),
.triad-app .chord-key,
.triad-app #quality-select,
.triad-app #root-select,
#chord-summary,
#harmony { font-family: var(--chord-font); font-weight: normal; }
body[data-tool="scales"] .result-item strong,
body[data-tool="songbook"] .analysis-key,
body[data-tool="songbook"] #legend span,
body[data-tool="songbook"] #cbScale,
#scale-title,
#scale-select { font-family: var(--scale-font); font-weight: normal; }

select, select option, select optgroup, button, input, textarea {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
}