/* Local audition, loaded only by an explicitly configured preview server. */
@font-face {
  font-family: BellworxIdentity;
  src: url("/type-preview/identity.woff2") format("woff2");
  font-weight: 100 900;
  font-display: block;
}
@font-face {
  font-family: BellworxMono;
  src: url("/type-preview/functional.woff2") format("woff2");
  font-weight: 100 900;
  font-display: block;
}
:root {
  --ui-font: BellworxMono, monospace;
  --ui-display: BellworxIdentity, sans-serif;
}
@media (max-width: 700px) {
  :root {
    --ui-display: BellworxIdentity, sans-serif;
  }
}
.compact-header .machine-picker #instrument-profile {
  font-family: var(--ui-display);
  font-size: 16px;
  width: 220px;
}
@media (max-width: 700px) {
  .compact-header .machine-picker #instrument-profile {
    font-size: 14px;
    width: 100%;
    padding-inline: 4px;
  }
  .machine-picker {
    min-width: 0;
  }
}

/* Identity gets the emphasis; secondary operations use the functional voice. */
:root {
  --ui-type-heading: 24px;
}
#files-workspace .file-section-heading h2,
#flat-editor .sequencer-heading h2 {
  font-family: var(--ui-font);
  font-size: var(--ui-type-control);
  font-weight: 400;
}
#files-workspace .project-title input {
  font-size: var(--ui-type-heading);
  line-height: 1.3;
}
.sound-selector button {
  font-size: var(--ui-type-value);
}