/* The engraver's ink: how each shape sight reading's layout draws is
   colored, and the face its text is set in. Shared by sight reading and the
   music stand, each of which sets --engraving, --staff and --muted on the
   paper the music is drawn on. */

.glyph-sprite {
  position: absolute;
  width: 0;
  height: 0;
}

.staff-line,
.ledger {
  stroke: var(--staff);
}

.barline,
.stem {
  stroke: var(--engraving);
}

.head,
.rest,
.dot,
.accidental,
.clef,
.key,
.time,
.flag,
.beam,
.tremolo,
.arpeggio,
.tie,
.slur,
.tuplet,
.brace,
.repeat {
  fill: var(--engraving);
}

.bar-number {
  font-size: 1.3px;
  fill: var(--muted);
}

.dynamic,
.fingering,
.trill-line,
.octave,
.articulation,
.ornament,
.repeat-sign,
.pedal,
.tempo-mark {
  fill: var(--engraving);
}

.hairpin,
.octave-line,
.tuplet-bracket,
.volta,
.pedal-line,
.lyric-line {
  stroke: var(--engraving);
}

/* Cue notes are another player's line, printed for orientation: lighter. */
.cue {
  opacity: 0.5;
}

/* Text in the score is set in a book face, the way engravers set it; sizes
   are in staff spaces, the SVG's own unit. */
.words,
.fingering-text,
.lyric,
.harmony,
.rehearsal,
.volta-label,
.tempo-text {
  font-family: Georgia, "Times New Roman", "Noto Serif TC", serif;
  fill: var(--engraving);
}

.words {
  font-size: 1.5px;
  font-style: italic;
}

.words.bold {
  font-weight: 700;
}

.words.upright {
  font-style: normal;
}

.lyric {
  font-size: 1.6px;
}

.fingering-text {
  font-size: 1.3px;
}

.harmony {
  font-size: 1.7px;
  font-weight: 700;
}

.rehearsal {
  font-size: 1.9px;
  font-weight: 700;
}

.volta-label {
  font-size: 1.3px;
}

.tempo-text {
  font-size: 1.5px;
  font-weight: 700;
}