/* Illustration ink follows Compatura's approved logo. Functional pitch palettes,
   ColorSym, glyph outlines and the gray score canvas retain their meaning. */
:root{--art-ink:#355d67;--art-paper:#fffdf3;--art-teal:#3a8c96;--art-coral:#d76a59;--art-gold:#efc55d;--art-blue:#548bb5;--art-green:#87ad65;--art-purple:#8b78a5;--art-mint:#c5ddd0;--art-teal-light:#8dc4b8;--art-wood:#bd8d62;--art-wood-dark:#8c694e}
.ui-icon{color:var(--art-ink);flex-shrink:0;overflow:visible;vertical-align:-.15em}
/* Refine illustration edges without altering standard music-glyph outlines. */
:where(.ui-icon,.rhythm-art,.hand-sign,.metallo-illustration,.classroom-instrument,.ocarina-fingering,.kalimba-instrument){shape-rendering:geometricPrecision}
:where(.ui-icon,.rhythm-art,.hand-sign){pointer-events:none}
:where(.instrument-illustration,.hand-sign){stroke-linejoin:round;stroke-linecap:round}
.primary .ui-icon,.play-button .ui-icon,.icon-button[aria-pressed=true] .ui-icon{color:inherit}
.instrument-frame.unified-frame{stroke:var(--art-ink);stroke-width:1.8px}
.metallo-illustration .bar-rivet{fill:var(--art-paper);stroke:var(--art-ink)}
.metallo-illustration .mallet-shaft{fill:var(--art-wood);stroke:var(--art-ink)}
.metallo-illustration .mallet-shine{stroke:var(--art-paper)}
.metallo-illustration .mallet-head{fill:var(--art-paper);stroke:var(--art-ink)}
.metallo-illustration .mallet-felt{stroke:var(--art-teal-light)}
.metallo-illustration .bar-halo{stroke:var(--art-gold)}
/* The black strike/hover cue stays prominent and distinct from idle hardware. */
.metallo-illustration .metallo-bar:not(.sounding):not(:hover):not(:focus-visible) .bar-face{stroke:var(--art-ink)}
.score-paper[data-main-notation=staff] .staff-note-glyph,.score-paper[data-main-notation=staff] .staff-prefix{color:var(--art-ink)}
.score-paper[data-main-notation=staff] .tie-overlay path{stroke:var(--art-ink)}
#score .navigation-mark .segno-glyph,#score .navigation-mark .coda-glyph,.form-help .segno-glyph,.form-help .coda-glyph,.breath-command svg{color:var(--art-ink)}
.print-credit-person>svg{color:var(--art-ink)}
@media print{.ui-icon,.rhythm-art,.hand-sign,.metallo-illustration,.classroom-instrument,.ocarina-fingering,.kalimba-instrument{print-color-adjust:exact;-webkit-print-color-adjust:exact}}