.mb-palette-dark-family {
  --mb-color-1: #00FFFF;  
  --mb-color-2: #FFD700;  
  --mb-color-3: #FF0000;  
  --mb-color-4: #39FF14;  
  --mb-color-5: #BF00FF;  
  --mb-color-6: #FFFFFF;  
  --mb-color-default: #7f3500;
}

.mb-palette-dark-ordinal {
  --mb-color-1: #00FFFF;  
  --mb-color-2: #FFD700;  
  --mb-color-3: #FF0000;  
  --mb-color-4: #FFFFFF;  
  --mb-color-5: #BF00FF;  
  --mb-color-6: #39FF14;  
  --mb-color-default: #888888;
}

.mb-palette-light-family {
  --mb-color-1: #1a1a1a;
  --mb-color-2: #1a1a1a;
  --mb-color-3: #1a1a1a;
  --mb-color-4: #1a1a1a;
  --mb-color-5: #1a1a1a;
  --mb-color-6: #1a1a1a;
  --mb-color-default: #1a1a1a;
}

.mb-palette-light-ordinal {
  --mb-color-1: #1a1a1a;
  --mb-color-2: #1a1a1a;
  --mb-color-3: #1a1a1a;
  --mb-color-4: #1a1a1a;
  --mb-color-5: #1a1a1a;
  --mb-color-6: #1a1a1a;
  --mb-color-default: #1a1a1a;
}

.mb-palette-light-uniform-red {
  --mb-color-1: #FE3939;
  --mb-color-2: #FE3939;
  --mb-color-3: #FE3939;
  --mb-color-4: #FE3939;
  --mb-color-5: #FE3939;
  --mb-color-6: #FE3939;
  --mb-color-default: #FE3939;
}

.mb-palette-light-bicolor {
  --mb-color-1: #CC0000;
  --mb-color-2: #CC0000;
  --mb-color-3: #CC0000;
  --mb-color-4: #1A5FB4;
  --mb-color-5: #1A5FB4;
  --mb-color-6: #1A5FB4;
  --mb-color-default: #CC0000;
}

.mb-palette-custom-guitarOctet {
  --mb-color-1: hsl(15, 95%, 55%);
  --mb-color-2: hsl(11, 95%, 50%);
  --mb-color-default: hsl(0, 0%, 40%);
}

.mb-theme-light {
  --mb-bg: #FFFFFF;             
  --mb-bg-texture: none;         
  --mb-score-color: #111111;     
}

.mb-theme-light .score {
  background: var(--mb-bg, #F5F0E8);
  background-image: var(--mb-bg-texture, none);
}

.mb-palette-firefly {
  --mb-staff-opacity: 0.12;
  --mb-color-1: #39FF14;
  --mb-color-2: #00FFFF;
  --mb-color-3: #FFD700;
  --mb-color-4: #FF0000;
  --mb-color-5: #BF00FF;
  --mb-color-6: #FFFFFF;
  --mb-color-default: #7f3500;
}

.mb-palette-firefly .score svg [class*="staff"] {
  opacity: var(--mb-staff-opacity, 0.12);
}