/* Bronze palette for The Virtual Clarinet. Layout is shared with the flute. */
.ww-app[data-instrument="clarinet"]{
  --ww-accent:#854719;
  --ww-action:#8f4b12;
  --ww-tint:#efe0d0;
  --wr-purple:var(--ww-accent);
  --wr-action:var(--ww-action);
  --wr-tint:var(--ww-tint);
  --wr-section:var(--ww-section-bg);
  --wr-section-ink:var(--ww-section-ink);
  --wr-section-line:var(--ww-section-line);
  --wr-hover:#fbf8f5;
}

.ww-app[data-instrument="clarinet"],
.ww-app[data-instrument="clarinet"] :is([data-task=fingering],[data-task=note],[data-task=multi]){
  --ww-section-bg:#f7f2ed;
  --ww-section-ink:#653a18;
  --ww-section-line:#ddc7b4;
}

.ww-app[data-instrument="clarinet"] [data-task=fingering] .ww-svg .key-fillstroke-highlight{
  fill:#ff8559!important;
  stroke:#000!important;
}