/* Optional E palette: warm brass for practice sections, original teal for audio. */
:root{--practice-gold:#d4a84b;--practice-gold-light:#e6c780;--practice-ink:#211b10}
.region{background:#d4a84b18;border-color:var(--practice-gold)}
.region span{color:var(--practice-gold-light)}
#loop[aria-pressed=true]{background:var(--practice-gold);border-color:var(--practice-gold);color:var(--practice-ink)}
#loop[aria-pressed=true]:hover{background:var(--practice-gold-light)}
#loop[aria-pressed=false]{background:#211d16;border-color:#d4a84b55;color:var(--practice-gold-light)}
#addSection,.practice .control-title .text-button{color:var(--practice-gold-light)}
.section-row{background:#171613;border-color:#343029}
.section-row .section-index{color:#c2a56b}
.section-row.selected{border-color:#d4a84b88;background:#d4a84b0c}
.section-row.selected .section-jump[aria-pressed=true],
.section-row.selected .section-jump[aria-pressed=true]:hover{background:var(--practice-gold);color:var(--practice-ink)}
.section-row.selected .section-jump[aria-pressed=true] strong,
.section-row.selected .section-jump[aria-pressed=true] .section-index,
.section-row.selected .section-jump[aria-pressed=true] small{color:var(--practice-ink)}
.section-jump:hover,.edit-section:hover{background:#d4a84b12}
.section-row.selected .edit-section{color:var(--practice-gold-light)}
.section-editor{background:#191713;border-color:#d4a84b70}
.practice .control,.practice .count-row select{background:#191815;border-color:#39342a}
.practice .pitch-note{color:var(--practice-gold-light)}
.practice :focus-visible,#loop:focus-visible{outline-color:var(--practice-gold-light)}