/* Shared site colors, navigation and typography are owned by assets/. */
body{font-family:var(--font-ui);line-height:1.55}
h1,h2,h3{font-family:var(--font-display)}
.scribe-utility{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-20px 0 20px}
.scribe-utility>.micro{font-size:10px;letter-spacing:.1em;color:var(--ink-3)}
.connection{margin-left:auto;color:var(--ink-2)}
.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}
.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
.panel{box-shadow:var(--shadow)}
.message{background:var(--green-soft);color:var(--green);border-color:var(--green)}
.message.error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.beta,.badge.draft{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink)}
.capture-tip,.help-note{background:var(--surface-2)}
.notation-paper{background:#fff;color:#111;color-scheme:light}
.notation-paper #notation-error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.empty-score{color:var(--ink-3)}
.empty-clef{color:var(--ink-3)}
.empty-score div{border-color:var(--line-2)}
.ms-bar button{font-family:var(--font-ui)}
.ms-bar .ms-theme{padding:0;flex-shrink:0}
.ms-bar a{font-family:var(--font-ui)}
.ms-bar .ms-brand{font-family:var(--font-display)}
dialog{color-scheme:inherit}
@media(max-width:820px){.scribe-utility{margin:0 0 19px}}
@media(max-width:420px){.scribe-utility>.micro{font-size:9px}.scribe-utility{gap:6px}}