/* ============================================================
   MB Color Palettes — OPUS-COLOR-REFORMA-v1
   4 paletas operativas + firefly + custom override
   Tuneable via DevTools: edit --mb-color-N, --mb-bg, etc.
   ============================================================ */

/* === DARK: familia (orquesta, >6 staves) === */
.mb-palette-dark-family {
  --mb-color-1: #00FFFF;  /* maderas / cian */
  --mb-color-2: #FFD700;  /* metales / dorado */
  --mb-color-3: #FF0000;  /* percusion / rojo */
  --mb-color-4: #39FF14;  /* cuerdas / verde neon */
  --mb-color-5: #BF00FF;  /* teclas-arpa / violeta */
  --mb-color-6: #FFFFFF;  /* voz / blanco */
  --mb-color-default: #7f3500;
}

/* === DARK: ordinal (camara, <=6 staves) === */
.mb-palette-dark-ordinal {
  --mb-color-1: #00FFFF;  /* inst 1 = cian */
  --mb-color-2: #FFD700;  /* inst 2 = dorado */
  --mb-color-3: #FF0000;  /* inst 3 = rojo */
  --mb-color-4: #FFFFFF;  /* inst 4 = blanco */
  --mb-color-5: #BF00FF;  /* inst 5 = violeta */
  --mb-color-6: #39FF14;  /* inst 6 = verde neon */
  --mb-color-default: #888888;
}

/* === LIGHT: familia (orquesta, modo claro) — wash-only, sin color en noteheads === */
.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;
}

/* === LIGHT: ordinal (camara, modo claro) — wash-only, sin color en noteheads === */
.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;
}

/* === LIGHT: uniforme rojo (alternativa clara) === */
.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;
}

/* === LIGHT: bicolor por registro (rojo arriba / azul abajo) === */
.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;
}

/* === OVERRIDE: paleta especifica para un grupo === */
/* Ejemplo: octeto de guitarras con gradiente de hue — editar segun necesidad */
.mb-palette-custom-guitarOctet {
  --mb-color-1: hsl(15, 95%, 55%);
  --mb-color-2: hsl(11, 95%, 50%);
  /* ... etc */
  --mb-color-default: hsl(0, 0%, 40%);
}

/* === FONDO MODO CLARO — theme container === */
.mb-theme-light {
  --mb-bg: #FFFFFF;             /* modo claro base: papel blanco */
  --mb-bg-texture: none;         /* o url('textures/paper.png') */
  --mb-score-color: #111111;     /* tinta negra */
}

/* Aplicar fondo modo claro al score */
.mb-theme-light .score {
  background: var(--mb-bg, #F5F0E8);
  background-image: var(--mb-bg-texture, none);
}

/* === FIREFLY (pentagramas fantasma) === */
.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;
}

/* Firefly: pentagramas fantasma */
.mb-palette-firefly .score svg [class*="staff"] {
  opacity: var(--mb-staff-opacity, 0.12);
}
