/**
 * smufl.css — SMuFL music-notation fonts (Bravura Text + optional Petaluma).
 *
 * Self-hosted under /assets/fonts/.  OFL-1.1 licensed — commercial use OK.
 * License files: Bravura-OFL.txt, Petaluma-OFL.txt (alongside the woff2s).
 *
 * Usage:
 *   <span class="smufl">&#xE1D5;</span>          — quarter note
 *   <span class="smufl smufl--script">&#xE101;</span> — slash, handwritten
 *
 * Codepoint reference: https://www.smufl.org/version/1.5/
 */

@font-face {
  font-family: 'BravuraText';
  src: url('../fonts/BravuraText.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'PetalumaScript';
  src: url('../fonts/PetalumaScript.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Base SMuFL rendering — applies to any inline glyph element. */
.smufl {
  font-family: 'BravuraText', 'Bravura', serif;
  font-feature-settings: normal;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Optional handwritten/jazz alternate. */
.smufl--script {
  font-family: 'PetalumaScript', 'BravuraText', serif;
}

/* Convenience size classes for common chart contexts. */
.smufl--xs { font-size: 14px; }
.smufl--sm { font-size: 18px; }
.smufl--md { font-size: 24px; }
.smufl--lg { font-size: 32px; }
.smufl--xl { font-size: 44px; }

/* Inline rhythm glyphs sit a touch above the chord-text baseline by default —
   this nudges them down so they align with surrounding letters cleanly. */
.smufl-inline {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.05em;
}